@charset "utf-8";


/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	background:#FFF url(../img_com/bg_body.jpg) repeat-x left top;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Godthic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	padding-left: 1px;
	font-size:100%;
}

/* IE7用 */
*:first-child+html body {
	padding-left: 1px;
	font-size:100%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{color:#4D4D4D;}
a:hover{color:#F00;}

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

#wrapper{
	width:100%;
/*	background:url(../img_com/bg_main_image.jpg) no-repeat center 130px;
*/}
#cs{
	padding:100px 0;
	cont-size:88%;
	text-align:center;
}
/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 auto;
	width:950px;
	height:101px;
	position:relative;
	text-align:left;
}
h1{
	position:absolute;
	width:500px;
	top:8px;
	left:2px;
	color:#808080;
	font-size:75%;
	font-weight:normal;
}
#logo{
	position:absolute;
	width:334px;
	top:58px;
	left:1px;
}
#h-cse{
	position:absolute;
	top:10px;
	right:100px;
	z-index:4;
	text-align:right;
}
#cse-search-box input.sb{
	border:1px #979797 solid;
	width:136px;
	height:17px;
}
#h-cse form input{
	vertical-align:middle;
}
#header-list1{
	position:relative;
}
#header-list1 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list1 ul{
	position:absolute;
	top:36px;
	right:100px;
	margin:0;
	padding:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list1 ul li{
	margin:0;
	padding:0 0 0 28px;
	list-style:none;
	line-height:16px;
	float:left;
	color:#808080;
	font-size:75%;
	white-space:nowrap;
}
#header-list1 ul li.c-list1{background:url(../img_com/h_icon1.gif) no-repeat left center;}
#header-list1 ul li.c-list2{background:url(../img_com/h_icon2.gif) no-repeat left center;}
#header-list1 ul li.c-list3{background:url(../img_com/h_icon3.gif) no-repeat left center;}
#header-list1 ul li.c-list4{background:url(../img_com/h_icon4.gif) no-repeat left center;}
#header-list1 ul li a{color:#808080;}
#header-list1 ul li a:hover{color:#F00;}
#header-list2{
	position:relative;
}
#header-list2 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list2 ul{
	position:absolute;
	right:0;
	top:70px;
	margin:0;
	padding:0;
	width:578px;
	min-height:22px;
	_height:22px;
	background:url(../img_com/h_bg_menu.gif) no-repeat left center;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list2 ul li{
	margin:0;
	padding:0;
	list-style:none;
	height:22px;
	line-height:22px;
	float:left;
	color:#4C9961;
	font-size:75%;
	white-space:nowrap;
	text-align:center;
}
#header-list2 ul li a{color:#4C9961;}
#header-list2 ul li a:hover{color:#F00;}
#header-list2 ul li.c-list0{width:142px;}
#header-list2 ul li.c-list1{width:125px;}
#header-list2 ul li.c-list2{width:114px;}
#header-list2 ul li.c-list3{width:100px;}
#header-list2 ul li.c-list4{width:97px;}
#header-list2 ul li img{vertical-align:top;}
#h-btn1{
	position:absolute;
	width:94px;
	top:4px;
	right:0;
}

/* --------------------------------------------------
	##genre
-------------------------------------------------- */
#main{
	margin:0 auto;
	width:950px;
}
#main-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main-inner{
	width:950px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
#main-inner1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main-inner1{
	width:950px;
	text-align:left;
	background-color:#FFF;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##genre
-------------------------------------------------- */
#genre:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#genre{
	margin:0 0 1px 2px;
	padding:0;
	width:948px;
	height:28px;
	background:url(../img_com/bg_genre3.gif) no-repeat left center;
	/*\*//*/
	overflow:hidden;
	/**/
}
#genre li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:28px;
	color:#00731F;
	font-size:75%;
	float:left;
	text-align:center;
}
#genre li a{color:#00731F;}
#genre li a:hover{color:#F00;}
#genre li img{vertical-align:top;}
#genre li.c-list1{
	width:109px;
	line-height:0;
	padding-top:8px;
	text-align:left;
}
#genre li.c-list3{width:101px;}
#genre li.c-list2{width:131px;}
#genre li.c-list4{width:131px;}
#genre li.c-list5{width:101px;}
#genre li.c-list6{width:113px;}
#genre li.c-list7{width:113px;}
#genre li.c-list9{width:106px;}

/* --------------------------------------------------
	##main-image
-------------------------------------------------- */
#main-image{
	margin:0;
	width:950px;
	text-align:center;
}

/* --------------------------------------------------
	##contents
-------------------------------------------------- */
#contents{
	margin:0 0 0 13px;
	display:inline;
	float:left;
	width:538px;
}
/* --------------------------------------------------
	##pankuzu
-------------------------------------------------- */
div#pankuzu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
div#pankuzu{
	clear:both;
	margin:0 0 12px;
	padding-top:7px;
	width:538px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
div#pankuzu ol{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
div#pankuzu li{
	margin:0;
	padding:0 17px 0 0;
	line-height:18px;
	display:inline;
	color:#808080;
	background:url(../img_com/p_icon.gif) no-repeat right center;
	font-size:63%;
	white-space:nowrap;
}
* html div#pankuzu li{
	padding:0 13px 0 0;
}
*+html div#pankuzu li{
	padding:0 13px 0 0;
}
div#pankuzu li a{color:#808080;}
div#pankuzu li a:hover{color:#F00;}
div#pankuzu h2{
	display:inline;
	line-height:18px;
	color:#808080;
	font-size:63%;
	font-weight:normal;
}

/* --------------------------------------------------
	##side-l
-------------------------------------------------- */
#side-l{
	margin:0 0 0 12px;
	padding-top:10px;
	display:inline;
	float:left;
	width:180px;
}
#side-l h2{
	margin:0 0 7px;
	text-align:center;
}
.s-box1{
	padding-bottom:5px;
	margin-bottom:8px;
}
#sl-btm.s-box1{
	margin-bottom:3px;
}
.s-box2{
	padding:9px 0 5px;
	margin-bottom:8px;
	background:url(../img_com/sl_line1.gif) no-repeat center top;
}
#s-list2.s-box2{
	margin-bottom:0;
}
.s-list1{
	margin:0;
	padding:0;
}
.s-list1 li{
	margin:0;
	padding:0 0 4px 27px;
	list-style:none;
	color:#005C1F;
	font-size:75%;
}
.s-list1 li a{color:#005C1F;}
.s-list1 li a:hover{color:#F00;}
.s-list1 li.c-list18 a{color:#608000;}
.s-list1 li.c-list18 a:hover{color:#F00;}
.s-list1 li.c-list1{background:url(../img_com/m_icon1.gif) no-repeat 6px 0;}
.s-list1 li.c-list2{background:url(../img_com/m_icon2.gif) no-repeat 6px 0;}
.s-list1 li.c-list5{background:url(../img_com/m_icon5.gif) no-repeat 6px 0;}
.s-list1 li.c-list6{background:url(../img_com/m_icon6.gif) no-repeat 6px 0;}
.s-list1 li.c-list7{background:url(../img_com/m_icon7.gif) no-repeat 6px 0;}
.s-list1 li.c-list8{
	background:url(../img_com/m_icon8.gif) no-repeat 6px 0;
}
.s-list1 li.c-list9{background:url(../img_com/m_icon9.gif) no-repeat 6px 0;}
.s-list1 li.c-list10{background:url(../img_com/m_icon10.gif) no-repeat 6px 0;}
.s-list1 li.c-list11{background:url(../img_com/m_icon11.gif) no-repeat 6px 0;}
.s-list1 li.c-list12{background:url(../img_com/m_icon12.gif) no-repeat 6px 0;}
.s-list1 li.c-list13{background:url(../img_com/m_icon13.gif) no-repeat 6px 0;}
.s-list1 li.c-list14{background:url(../img_com/m_icon14.gif) no-repeat 6px 0;}
.s-list1 li.c-list17{background:url(../img_com/m_icon17.gif) no-repeat 6px 0;}
.s-list1 li.c-list18{background:url(../img_com/m_icon18.gif) no-repeat 6px 0;}

/* --------------------------------------------------
	##side-r
-------------------------------------------------- */
#side-r{
	margin:0 12px 0 0;
	padding-top:10px;
	display:inline;
	float:right;
	width:180px;
}
.sr-bnr{margin:0 0 9px;}
.sr-box1{
	margin:0 0 9px;
	border:1px #B2B2B2 solid;
}
.sr-box1 p{
	margin:0 0 4px;
}
.sr-box1 ul{
	margin:0 0 0 10px;
	padding:0 0 5px;
	width:158px;
}
.sr-box1 ul li{
	margin:0;
	padding:0 0 0 16px;
	list-style:none;
	line-height:20px;
	color:#5C2020;
	background:url(../../img_com/sr_icon1.gif) no-repeat left center;
	font-size:75%;
}
.sr-box1 ul li a{color:#5C2020;}
.sr-box1 ul li a:hover{color:#F00;}
.sr-box2{
	margin:0 0 9px;
	border:1px #B2B2B2 solid;
}
.sr-box2 p{
	margin:0 0 4px;
}
.sr-box2 ul{
	margin:0 0 0 8px;
	padding:0 0 5px;
}
.sr-box2 ul li{
	margin:0;
	padding:2px 0;
	list-style:none;
	line-height:18px;
	color:#535C20;
	font-size:75%;
}
.sr-box2 ul li a{color:#535C20;}
.sr-box2 ul li a:hover{color:#F00;}

#guide-box select{
	border:1px #9C9C9C solid;
	width:122px;
}
#guide-box input{
	margin-top:2px;
	vertical-align:top;
}
#skc{
	margin-bottom:9px;
}
#doing{
	margin-top:14px;
	padding-top:14px;
	border-top:1px #ABABAB solid;
}
#doing p{margin-bottom:9px;}
/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	margin:0 0 0 26px;
	padding:20px 0 4px;
	width:908px;
	color:#808080;
	font-size:75%;
	text-align:right;
}
#page-top a{color:#808080;}
#page-top a:hover{color:#F00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	margin:0 auto 15px auto;
	width:950px;
}
#footer-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#footer-inner{
	margin:0 auto;
	padding-top:20px;
	width:948px;
	background:url(../img_com/bg_footer.gif) no-repeat center top;
	position:relative;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
.f-list{float:left;}
.f-list h2{margin-bottom:12px;}
.f-list ul{
	margin:0;
	padding:0;
}
.f-list ul li{
	margin:0 0 6px;
	padding:0;
	list-style:none;
	line-height:16px;
	font-size:12px;
}
.f-list ul li div{
	display: table-cell;
	vertical-align:middle;
}
.f-list ul li img{
	margin-right:5px;
	vertical-align:top;
}
.ptn1,
.ptn2{
	min-height:219px;
	height:auto !important;
	height:219px;
	background:url(../img_com/f_line1.gif) repeat-y right top;
}
.ptn1 ul li img{border:2px #A6CBA0 solid;}
.ptn1 ul li a{color:#005C19;}
.ptn1 ul li a:hover{color:#F00;}
.ptn2 ul li img{border:2px #C8C8C8 solid;}
.ptn2 ul li a{color:#4D4D4D;}
.ptn2 ul li a:hover{color:#F00;}

/*for IE6 */
* html .f-list ul li div{
	display: inline;
	zoom:1;
}

/*for IE7 */
*:first-child+html .f-list ul li div{
	display: inline;
	zoom:1;
}
#f-box1{
	margin:0 0 0 22px;
	display:inline;
	width:186px;
}
#f-box2{width:163px;}
#f-box3{width:174px;}
#f-box4{width:171px;}

.f-list2{
	float:left;
	width:214px;
	position:relative;
}
.f-list2 h2{margin-bottom:12px;}
.f-list2 ul{
	margin:0;
	padding:0 0 8px;
}
.f-list2 ul li{
	margin:0;
	padding:0 0 0 9px;
	list-style:none;
	line-height:20px;
	_height:1%;
	color:#4D4D4D;
	background:url(../../img_com/f_icon16.gif) no-repeat 2px 9px;
	font-size:12px;
}
.f-list2 ul li a{color:#4D4D4D;}
.f-list2 ul li a:hover{color:#F00;}
#f-btn1{
	position:absolute;
	top:25px;
	right:0;
	z-index:1;
}
#f-box5{
	width:700px;
	height:37px;
	position:absolute;
	top:204px;
	right:0;
	background-color:#FFF;
}
#f-box5 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#f-box5 ul{
	margin:0;
	padding:12px 0 0 0;
	/*\*//*/
	overflow:hidden;
	/**/
}
#f-box5 ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:75%;
}
#f-box5 ul li a{
	height:24px;
	line-height:24px;
	color:#2D7842;
	display:block;
	text-align:center;
}
#f-box5 ul li a:hover{color:#F00;}
#f-box5 ul li.c-list1{width:130px;}
#f-box5 ul li.c-list2{width:125px;}
#f-box5 ul li.c-list3{width:114px;}
#f-box5 ul li.c-list4{width:113px;}
#f-box5 ul li#f-cse{width:214px;}
#cse-search-box1 input.sb{
	border:1px #979797 solid;
	width:136px;
	height:17px;
}
#f-box5 ul li#f-cse form input{
	vertical-align:middle;
}
#f-box5 ul li.c-list1 a{
	width:125px;
	background:url(../img_com/fb5_bg1.gif) no-repeat left top;
}
#f-box5 ul li.c-list2 a{
	width:121px;
	background:url(../img_com/fb5_bg2.gif) no-repeat left top;
}
#f-box5 ul li.c-list3 a{
	width:108px;
	background:url(../img_com/fb5_bg3.gif) no-repeat left top;
}
#f-box5 ul li.c-list4 a{
	width:103px;
	background:url(../img_com/fb5_bg4.gif) no-repeat left top;
}
#copyright{
	clear:both;
	border-top:1px #C1DBC8 solid;
	background-color:#DBEBDF;
}
#copyright p{
	margin:0 auto;
	width:960px;
	padding:20px 0;
	color:#999;
	font-size:75%;
	text-align:center;
}
.f-sotsugyousei{}