@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* tag
------------------------------------------------------------------------*/

h1 {} /* Header内で設定 */
h2 { line-height: .1; }
h3 {
	height: 30px;
	text-indent: -9999em;
}
h4 {}

a { color: #028eaf; text-decoration: underline; }
a:hover,
a:active { color: #de91a2; }
a:visited {
}

/* Contents
------------------------------------------------------------------------*/



.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop { clear: both; padding-bottom: 20px; }
ul.totop li { list-style: none; }
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	float: right;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

#news {
	clear:both;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

#news p,
#news div {
	float:left;
}
#news p {
	width:405px;
	height:200px;
	overflow:hidden;
}

.news_l {
	width:525px;
	height:160px;
	_height:205px;
	overflow:hidden;
	padding-top:45px;
	background: url(../images/new_a.jpg) no-repeat;
}

.news_l ul {
	float:left;
	text-align:left;
	padding-left:10px;
	width:485px;
	_width:495px;
	height:120px;
	overflow: auto;
} 

.news_l ul li {
	font-size:14px;
	line-height:30px;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
  background: url(../images/bg_body.jpg) top center no-repeat;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
	line-height:1.7;
}

body#inner {
  background: url(../images/bg_body02.jpg) top no-repeat;
}

#wrapper {
	width:930px;
	margin: 0 auto;
}
#container {
	width: 100%;
	margin: 0 auto;
	background: url(../images/container_bg.png) 50% repeat-y;
}

#header {
	width:930px;
	height:60px;
	margin:0 auto;
	text-align:center;
	position:relative;
	background: url(../images/bg_header.jpg) 0 0 no-repeat;
}

#header h1 {
	width:350px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
}


#main {
	width: 930px;
	height:430px;
	margin: 15px auto 10px auto;
	text-align: left;
	background: url(../images/bg_main.jpg) 0 0 no-repeat;
	position:relative;
}

#main .flash {
	width: 920px;
	height:420px;
	position:absolute;
	top:5px;
	left:5px;
}


#main_inner {
	width: 930px;
	height:130px;
	margin: 15px auto 15px auto;
	text-align: left;
}

#main_inner img {
}


#contents {
	width:880px;
	_width:930px;
	padding:40px 25px 0 25px;
	text-align:left;
}

#contents p {
	font-size:14px;
	line-height:1.7;
}


.v_left {
	width:380px;
	float:left;
}

.v_right {
	width:480px;
	float: right;
}

.q {
	padding-left:30px;
	background: url(../images/q.jpg) 0 0 no-repeat;
	line-height:24px;
	color:#00A0D4;
	font-weight:bold;
	font-size:1.4em;
	margin:15px 0;
}

.voice {
margin-bottom:60px;
}

.voice p {
	font-size:1.4em;
}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.block img {
	display:block;
	float:left;
	_margin-left:-6px;
}

.bottom {
	vertical-align:bottom;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/



/*==========================================================================*/
/*                             Global_navi                                  */
/*==========================================================================*/


#g_nav {
	position:absolute;
	width:558px;
	height:60px;
	left:367px;
	top:0;
	margin:0;
	padding:0;
}

#g_nav li {
	float:left;
}


#g_nav img {
	vertical-align:bottom;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: left;
	width: 200px;
	padding: 10px 0 0;
	text-align: center;
}

#nav ul,
#nav dl {
	width: 180px;
	margin: 0 auto 10px;
	text-align: left;
}

#nav dl dt,
#nav ul li { list-style: none; }

#nav dl dt.nav_title01 {
	height: 40px;
	text-align: center;
}
#nav dl dt.nav_title02 {
	height: 40px;
	margin-top: 20px;
	text-align: center;
}

#nav dl dd {
	margin: 0 0 3px;
}

#nav dl dd a,
#nav ul li a {
	display: block;
	width: 180px;
	height: 25px;
	text-indent: -9999em;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

#nav dl dd.nav01 a { background-position: 0 0; }
#nav dl dd.nav02 a { background-position: 0 -30px; }
#nav dl dd.nav03 a { background-position: 0 -60px; }
#nav dl dd.nav04 a { background-position: 0 -90px; }
#nav dl dd.nav05 a { background-position: 0 -120px; }
#nav dl dd.nav06 a { background-position: 0 -150px; }
#nav dl dd.nav07 a { background-position: 0 -180px; }
#nav dl dd.nav08 a { background-position: 0 -210px; }
#nav dl dd.nav09 a { background-position: 0 -240px; }
#nav dl dd.nav10 a { background-position: 0 -270px; }

#nav dl dd.nav01 a:hover { background-position: -180px 0; }
#nav dl dd.nav02 a:hover { background-position: -180px -30px; }
#nav dl dd.nav03 a:hover { background-position: -180px -60px; }
#nav dl dd.nav04 a:hover { background-position: -180px -90px; }
#nav dl dd.nav05 a:hover { background-position: -180px -120px; }
#nav dl dd.nav06 a:hover { background-position: -180px -150px; }
#nav dl dd.nav07 a:hover { background-position: -180px -180px; }
#nav dl dd.nav08 a:hover { background-position: -180px -210px; }
#nav dl dd.nav09 a:hover { background-position: -180px -240px; }
#nav dl dd.nav10 a:hover { background-position: -180px -270px; }

#nav #nav_banner {
	margin: 20px 0 0;
	padding: 0 20px;
}
#nav #nav_banner li {
	margin-bottom: 10px;
}
#nav #nav_banner li a{
	width: 160px;
	height: 60px;
	background: #ccc;
}

#nav #nav_banner li.nav01 a {}
#nav #nav_banner li.nav02 a {}
#nav #nav_banner li.nav03 a {}
#nav #nav_banner li.nav04 a {}
#nav #nav_banner li.nav05 a {}

#nav #nav_banner li a:hover { background-position: bottom; }


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	height: 20px;
	color: #fff;
	clear: both;
	text-align: center;
  background: url(../images/bg_footer.jpg) no-repeat top;
  height:150px;
  margin:0;
}

#inner #footer {
  background: url(../images/bg_footer02.jpg) no-repeat top;
}

#footer address {
	margin: 0 auto;
	text-indent:-9999px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

#index h3#h3_01 { background: url(../images/index_h3_01.jpg) 0 0 no-repeat; }

.day {
	font-weight:bold;
}

.v_list {
	width:880px;
	height:190px;
	background: url(../images/v_list.jpg) no-repeat;
	position:relative;
}

.v_list a { display:block; width:90px; height:90px;}
.v_list .pos01 {
	width:90px;
	height:90px;
	position:absolute;
	left: 11px;
	top: 58px;
}
.v_list .pos02 {
	width:90px;
	height:90px;
	position:absolute;
	left: 120px;
	top: 56px;
}
.v_list .pos03 {
	width:90px;
	height:90px;
	position:absolute;
	left: 229px;
	top: 56px;
}
.v_list .pos04 {
	width:90px;
	height:90px;
	position:absolute;
	left: 342px;
	top: 57px;
}
.v_list .pos05 {
	width:90px;
	height:90px;
	position:absolute;
	left: 450px;
	top: 58px;
}
.v_list .pos06 {
	width:90px;
	height:90px;
	position:absolute;
	left: 562px;
	top: 56px;
}
.v_list .pos07 {
	width:90px;
	height:90px;
	position:absolute;
	left: 671px;
	top: 54px;
}
.v_list .pos08 {
	width:90px;
	height:90px;
	position:absolute;
	left: 782px;
	top: 55px;
}

.center {
	text-align:center;
}

.movie {	
margin-bottom:30px;
}

.movie .left {
	width:480px;
	float:left;
}

.movie .right {
	width:390px;
	float: right;
}

.mo_area {
	width:360px;
	height:430px;
	_width:390px;
	_height:460px;
	padding:15px;
	background: url(../images/m04.jpg) no-repeat;
}

.mo_area div {
	height:375px;
	_height:380px;
	padding-top:5px;
	overflow:auto;
}

.b {
	font-weight:bold;
	color:#0066CC;
}

.block {
	display:block;
}

#v07 {
	margin-bottom:600px;
}


#gallery .mes {
	width:430px;
	float:left;
	margin:8px 4px;
	text-align:right;
}

#gallery .mes img {
	display:block;
	margin:0;
}

#gallery .mes a {
	display:block;
	padding:5px;
	background-color:#E5E5E5;
	margin:0;
}

#gallery .mes a:hover {
	background-color:#0066CC;
}

#gallery .mes img {
	width:420px;
}