@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
*{
	margin:0px;
	padding:0px;
	font-size:100%;
}
body{
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-size:75%;
	font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro ","MS Pゴシック",sans-serif;
	line-height:1.4;
	color:#333333;
}
#wrapper{
	width:800px;
	position:relative;
}
img{
	border:none;
	vertical-align:top;
}

a{color:#003399;}
a:visited{color:#333333;}
a:hover{color:#0066cc;}

/* ヘッダー
---------------------------------------------------- */
#header{
	width:800px;
	height:65px;
	background:url(../images/common/back0.gif) repeat-y;
}
#serch{
	position:absolute;
	top:30px;
	right:15px;
	display:none;
}
	

/* コンテンツ全体
---------------------------------------------------- */
#mainphoto{
	width:800px;
	height:300px;
	background:url(../images/common/topimg2.jpg) no-repeat;
}
#content-wrapper{
	clear:left;
	width:800px;
	position:relative;
	background-color:#FBF3E2;
}
#content-wrapper2{
	clear:left;
	width:800px;
	position:relative;
	background-color:#ffffff;
}

/* コンテンツ
---------------------------------------------------- */
#banner{
	position:absolute;
	top:310px;
	left:10px;
	width:250px;
	height:250px;
}
#banner img{
	margin-bottom:10px;
}

#whatnew{
	margin-left:270px;
	background:url(../images/info-back.gif) no-repeat;
	background-position:right bottom;
	width:530px;
	height:268px;
}
#frame{
	padding-top:40px;
	width:515px;
	height:215px;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:hidden;
	scrollbar-face-color:#F6F6F6;
}
#whatnew ul{
	margin:7px 15px 15px 20px;
	color:#464646;
	font-size:90%;
	letter-spacing:1px;
	list-style:none;
}
#whatnew li{
	line-height:170%;
}


#footer{
	width:800px;
	height:45px;
}

#pan{
	width:793px;
	height:15px;
	overflow:hidden;
	background-color:#ffffff;
	margin-left:7px;
	padding:2px 0px;
	font-size:11px;
	display:none;
}
#pan a{
	text-decoration:none;
	color:#663300;
}
#pan a:hover{
	color:#006600;
}
	
#pagetop{
	clear:both;
	text-align:right;
}

#content{
	width:584px;
	margin:20px auto;
}
#content ul{
	list-style:none;
}
#content ul li{
	background:url(../images/common/list1.gif) no-repeat 0% 50%;
	padding-left:30px;
	margin:20px 0px;
}
#content ul li a{
	font-size:130%;
	color:#000000;
}

#content ul li.style1{
	background:url(../images/common/list3.gif) no-repeat 0% 50%;
	margin:3px 0px;
	font-size:90%;
}

#box1{
	float:left;
	width:200px;
	margin-left:6px;
}
#profile{
	clear:right;
	float:right;
	width:400px;
}

#question{
	clear:both;
	margin:15px 15px 0px 15px;
	padding-left:37px;
	line-height:180%;
	background:url(../images/q.gif) no-repeat 0% 50%;
	font-weight:bold;
	font-size:1.2em;
	color:#666666;
}
#answer{
	clear:both;
	margin:5px 15px 25px 15px;
	padding-left:37px;
	line-height:180%;
	background:url(../images/a.gif) no-repeat 0% 5%;
}

#henkou{
	margin:7px;
	display:none;
}

#section{
	clear:both;
	margin:15px 15px 35px 15px;
	line-height:150%;
}

#section2{
	clear:both;
	float:right;
	width:380px;
	margin:0px 15px 35px 15px;
	line-height:180%;
}
#section3{
	clear:both;
	margin:10px 10px 10px 107px;
	width:330px;
}
#section4{
	margin:0px 0px 0px 30px;
	background:url(../images/common/back4.gif) repeat-y;
}

#section5{
	margin:15px 15px 25px 15px;
	padding:5px 5px 10px 15px;
	background-color:#FFF0F0;
}
	
#flower{
	height:100%;
	background:url(../images/flower.jpg) no-repeat;
	background-position:right bottom;	
}
#flower1{
	height:100%;
	background:url(../images/flower1.jpg) no-repeat;
	background-position:right bottom;	
}


#title{
	width:583px;
	margin:20px 0px;
	background:url(../images/common/title/titleback.gif) repeat-y;
}
#image-area{
	margin:12px 12px 7px 0px;
}
h2{
	margin:0px 20px;
	font-weight:normal;
}
h3{
	margin:0px 0px 5px 0px;
	padding:8px 0px 8px 10px;
	color:#4EA255;
	background-color:#f1f1f1;
}
h4{
	clear:both;
	font-size:1.1em;
	color:#666666;
	margin:10px 0px;
	padding-left:15px;
	background:url(../images/common/list2.gif) no-repeat 0% 50%;
}

h5{
	font-size:1.1em;
	margin:15px 0px 0px 0px;
	padding-left:15px;
	color:#666666;
	background:url(../images/common/list2.gif) no-repeat 0% 50%;
}

h4.style1{
	font-size:1.3em;
	color:#666666;
	margin:10px 0px;
	padding-left:70px;
	background:url(../images/yoyaku.jpg) no-repeat 0% 50%;
}

.right{
	float:right;
}
.left{
	float:left;
}
.clear{
	clear:both;
}
.pagebreak{
	page-break-before:always;
}

/* 表デザインＡ
---------------------------------------------------- */
table#A{
	width:100%;
	border-collapse: collapse;
	empty-cells:show;
	border: 1px solid #999999;
 	color: #333333;
  	background: #ffffff;
	table-layout:fixed;
}
table#A td, th{
  	border: 1px solid #cccccc;
  	padding:0.2em 0.3em;
	font-weight:normal;
}
table#A thead th{
  	border: 1px solid #ccc;
  	border-bottom:3px double #ccc;
  	text-align:center;
  	font-weight:bold;
  	color: #545454;
  	background: #cdf6c6;
}
table#A colgroup.colleft{
  	color: #5c5c5c;
  	background: #F6FFF2;
}
table#A colgroup.colmiddle{
  	color: #333;
  	background: #ffffdd;
}
table#A colgroup.colright{
  	color:#333;
  	text-align:center;
}
caption{
	text-align:right;
}
.caption{
	text-align:right;
	margin:5px 0px;
}
.caption2{
	text-align:left;
	font-weight:bold;
	color:#636363;
	font-size:1.1em;
	padding:10px 0px 1px 0px;
}

/* 表デザインＢ
---------------------------------------------------- */
table#B{
	width:100%;
	border-collapse: collapse;
	empty-cells:show;
	border: 1px solid #999999;
 	color: #333333;
  	background: #ffffff;
	table-layout:fixed;
}
table#B td, th{
  	border:1px solid #999999;
  	padding:0.3em 0.5em;
}
.color1{background-color:#E5D7E7; font-weight:bold; letter-spacing:5px;}
.color2{background-color:#E8E7FF; font-weight:bold; letter-spacing:5px;}
.color3{background-color:#FFEAEB; font-weight:bold; letter-spacing:5px;}
.color4{background-color:#E1F0EA; font-weight:bold; letter-spacing:5px;}
.color5{background-color:#FFEAED; font-weight:bold;}
.color6{background-color:#F9F9F9;}
.color7{background-color:#cdf6c6;}
.color8{background-color:#EFF7F4;}

/* 表デザインC
---------------------------------------------------- */
table#C{
	width:100%;
	border-collapse: collapse;
	empty-cells:show;
	border: 1px solid #cccccc;
 	color: #333333;
  	background: #ffffff;
	margin:10px 0px 20px 0px;
}
table#C th{
  	border:1px solid #cccccc;
  	padding:0.3em 0.3em;
}
table#C thead{
	background-color:#cdf6c6;
}
table#C colgroup.colleft{
	background-color:#f4f4f4;
}
table#C colgroup.middle{
	background-color:#ffffff;
}
table#C caption{
	text-align:left;
	height:20px;
}


/* リスト
---------------------------------------------------- */
ol{
	margin:15px 40px;
}
ol li{
	font-size:105%;
	margin-bottom:10px;
}

ol.style1{
	margin:0px 30px;
}
ol.style1 li{
	font-size:100%;
	margin-bottom:2px;
}

ol.style2{
	margin:15px 18px 15px 40px;
}
ol.style2 li{
	font-size:100%;
	margin-bottom:10px;
}
	

/* メインナビゲーション
---------------------------------------------------- */

#nav{
	width:800px;
	height:44px;
	font-size:120%;
	overflow:hidden;
	background:url(../images/common/back2.gif) repeat-x;
}
#nav ul{
	margin-left:15px;	
	list-style-type:none;
}
#nav li{
	float:left;
	width:110px;
	height:44px;
	text-indent:-9999px;
}
#nav li a{
	width:110px;
	height:44px;
	text-decoration:none;
	display:block;
	background-position:0px 0px;
}

/*　オフマウス時　*/
#nav01{ background:url(../images/common/nav.gif) no-repeat    0px 0px;}
#nav02{ background:url(../images/common/nav.gif) no-repeat -110px 0px;}
#nav03{ background:url(../images/common/nav.gif) no-repeat -220px 0px;}
#nav04{ background:url(../images/common/nav.gif) no-repeat -330px 0px;}
#nav05{ background:url(../images/common/nav.gif) no-repeat -440px 0px;}
#nav06{ background:url(../images/common/nav.gif) no-repeat -550px 0px;}
#nav07{ background:url(../images/common/nav.gif) no-repeat -660px 0px;}

/*　選択済み　*/
#nav01.stay{ background:url(../images/common/nav.gif) no-repeat    0px -44px;}
#nav02.stay{ background:url(../images/common/nav.gif) no-repeat -110px -44px;}
#nav03 a:hover { background:url(../images/common/nav.gif) no-repeat -220px -44px;}
#nav04 a:hover { background:url(../images/common/nav.gif) no-repeat -330px -44px;}
#nav05 a:hover { background:url(../images/common/nav.gif) no-repeat -440px -44px;}
#nav06 a:hover { background:url(../images/common/nav.gif) no-repeat -550px -44px;}
#nav07 a:hover { background:url(../images/common/nav.gif) no-repeat -660px -44px;}

/*　オンマウス時　*/
#nav01 a:hover { background:url(../images/common/nav.gif) no-repeat    0px -44px;}
#nav02 a:hover { background:url(../images/common/nav.gif) no-repeat -110px -44px;}
#nav03 a:hover { background:url(../images/common/nav.gif) no-repeat -220px -44px;}
#nav04 a:hover { background:url(../images/common/nav.gif) no-repeat -330px -44px;}
#nav05 a:hover { background:url(../images/common/nav.gif) no-repeat -440px -44px;}
#nav06 a:hover { background:url(../images/common/nav.gif) no-repeat -550px -44px;}
#nav07 a:hover { background:url(../images/common/nav.gif) no-repeat -660px -44px;}



/* サイドナビゲーション
---------------------------------------------------- */
#side-nav{
	position:absolute;
	top:20px;
	left:0px;
	width:180px;
	display:none;
}
#side-nav ul{
	list-style-type:none;
}
#side-nav li{
	width:180px;
	height:30px;
	text-indent:-9999px;
}
#side-nav li a{
	width:180px;
	height:30px;
	text-decoration:none;
	display:block;
	background-position:0px 0px;
}

/*　オフマウス時　*/
#snav01{ background:url(../images/common/snav.jpg) no-repeat 0px   0px;}
#snav02{ background:url(../images/common/snav.jpg) no-repeat 0px -30px;}
#snav03{ background:url(../images/common/snav.jpg) no-repeat 0px -60px;}
#snav04{ background:url(../images/common/snav.jpg) no-repeat 0px -90px;}

#snav05{ background:url(../images/common/snav2.jpg) no-repeat 0px   0px;}
#snav06{ background:url(../images/common/snav2.jpg) no-repeat 0px -30px;}
#snav07{ background:url(../images/common/snav2.jpg) no-repeat 0px -60px;}
#snav08{ background:url(../images/common/snav2.jpg) no-repeat 0px -90px;}
#snav09{ background:url(../images/common/snav2.jpg) no-repeat 0px -120px;}
#snav10{ background:url(../images/common/snav2.jpg) no-repeat 0px -150px;}
#snav11{ background:url(../images/common/snav2.jpg) no-repeat 0px -180px;}
#snav12{ background:url(../images/common/snav2.jpg) no-repeat 0px -210px;}
#snav13{ background:url(../images/common/snav2.jpg) no-repeat 0px -240px;}
#snav14{ background:url(../images/common/snav2.jpg) no-repeat 0px -270px;}
#snav15{ background:url(../images/common/snav2.jpg) no-repeat 0px -300px;}
#snav16{ background:url(../images/common/snav2.jpg) no-repeat 0px -330px;}
#snav17{ background:url(../images/common/snav2.jpg) no-repeat 0px -360px;}
#snav18{ background:url(../images/common/snav2.jpg) no-repeat 0px -390px;}
#snav19{ background:url(../images/common/snav2.jpg) no-repeat 0px -420px;}
#snav20{ background:url(../images/common/snav2.jpg) no-repeat 0px -450px;}
#snav21{ background:url(../images/common/snav2.jpg) no-repeat 0px -480px;}
#snav22{ background:url(../images/common/snav2.jpg) no-repeat 0px -510px;}
#snav23{ background:url(../images/common/snav2.jpg) no-repeat 0px -540px;}

/*　選択済み　*/
#snav01.stay{ background:url(../images/common/snav.jpg) no-repeat -360px   0px;}
#snav02.stay{ background:url(../images/common/snav.jpg) no-repeat -360px -30px;}
#snav03.stay{ background:url(../images/common/snav.jpg) no-repeat -360px -60px;}
#snav04.stay{ background:url(../images/common/snav.jpg) no-repeat -360px -90px;}

#snav05.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px   0px;}
#snav06.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -30px;}
#snav07.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -60px;}
#snav08.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -90px;}
#snav09.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -120px;}
#snav10.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -150px;}
#snav11.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -180px;}
#snav12.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -210px;}
#snav13.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -240px;}
#snav14.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -270px;}
#snav15.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -300px;}
#snav16.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -330px;}
#snav17.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -360px;}
#snav18.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -390px;}
#snav19.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -420px;}
#snav20.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -450px;}
#snav21.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -480px;}
#snav22.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -510px;}
#snav23.stay{ background:url(../images/common/snav2.jpg) no-repeat -360px -540px;}

/*　オンマウス時　*/
#snav01 a:hover { background:url(../images/common/snav.jpg) no-repeat -180px   0px;}
#snav02 a:hover { background:url(../images/common/snav.jpg) no-repeat -180px -30px;}
#snav03 a:hover { background:url(../images/common/snav.jpg) no-repeat -180px -60px;}
#snav04 a:hover { background:url(../images/common/snav.jpg) no-repeat -180px -90px;}

#snav05 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px   0px;}
#snav06 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -30px;}
#snav07 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -60px;}
#snav08 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -90px;}
#snav09 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -120px;}
#snav10 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -150px;}
#snav11 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -180px;}
#snav12 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -210px;}
#snav13 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -240px;}
#snav14 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -270px;}
#snav15 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -300px;}
#snav16 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -330px;}
#snav17 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -360px;}
#snav18 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -390px;}
#snav19 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -420px;}
#snav20 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -450px;}
#snav21 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -480px;}
#snav22 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -510px;}
#snav23 a:hover { background:url(../images/common/snav2.jpg) no-repeat -180px -540px;}