@charset "utf-8";

/* basic settings */

* {
	margin:0;
	padding:0;
}



body {
	font-size:12px;
	line-height:1.5;
	color:#222;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "Arial Unicode MS", sans-serif;
	background:url(../images/common/bg_body02.jpg) repeat-x 0 0;
}



body#index {
	font-size:12px;
	line-height:1.4;
	color:#222;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "Arial Unicode MS", sans-serif;
	background:url(../images/common/bg_body.jpg) repeat-x 0 0;
}


/* IE6ハック */
* html body {
	font-size:12px;
	line-height:1.5;
	color:#222;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "Arial Unicode MS", sans-serif;
	background:url(../images/common/bg_body02.jpg) repeat-x 0 0;
}



* html body#index {
	font-size:12px;
	line-height:1.4;
	color:#222;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "Arial Unicode MS", sans-serif;
	background:url(../images/common/bg_body.jpg) repeat-x 0 0;
}



img {
	border:none;
	vertical-align:bottom;
}



.clear {
	clear:both;
}



/* construction settings */
#wrapper {
	width:980px;
	margin:0 auto;
	background:url(../images/common/bg_wrapper.jpg) repeat-y 0 0;
}




#header {
	width:980px;
	height:155px;
	background:url(../images/common/bg_header.jpg) no-repeat 0 0;
	position:relative;
}



#content {
	width:940px;
	padding:10px 20px 30px;
	background:url(../images/common/bg_main02.jpg) no-repeat 0 0;
	min-height:1px;
}




#index #content {
	width:940px;
	padding:10px 20px 30px;
	background:url(../images/common/bg_main.jpg) no-repeat 0 0;
	min-height:1px;
}
	


#m-col {
	width:710px;
	float:left;
}



#s-col {
	width:220px;
	float:right;
}


/* start: clearfix ------------------------------ */
#content:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#content { display:inline-table; }

/* Hides from Mac IE \*/
* html #content { height:1px; }
#content { display:block; }
/* */
/* end: clearfix ------------------------------ */



/* containers for contents in #s-col */
.content-frame01 {
	width:200px;
	padding:5px 9px;
	margin:0 0 10px;
	border:1px solid #CCC;
}



.content-frame02 {
	width:216px;
	padding:1px;
	margin:0 0 10px;
	border:1px solid #CCC;
	text-align:center;
}


.content-frame03 {
	width:216px;
	padding:2px;
	margin:0 0 10px;
	text-align:center;
}


.content-frame01 h3, .content-frame02 h3 {
	margin:0 0 15px;
}



/* footer settings */
#footer {
	width:940px;
	height:105px;
	padding: 20px 10px 10px;
	margin:0 10px;
	background:#598526;
	color:#FFF;
	font-size:10px;
	clear:both;
}



#copyright {
	width:940px;
	margin:50px 0 0;
	text-align:right;
}
	



#header h1 {
	width:325px;
	height:65px;
	position:absolute;
	top:30px;
	left:0;
}


/* global menu */
ul#g-menu {
	width:940px;
	height:50px;
	list-style:none;
	position:absolute;
	left:20px;
	bottom:5px;
}


ul#g-menu li {
	float:left;
}


#home a, #home a:link, #home a:visited {
	display:block;
	width:125px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_home.jpg) no-repeat 0 0;
}


#home a:hover, #home a:active {
	background:url(../images/common/btn_home_f2.jpg) no-repeat 0 0;
}



#profile a, #profile a:link, #profile a:visited {
	display:block;
	width:160px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_about.jpg) no-repeat 0 0;
}


#profile a:hover, #profile a:active {
	background:url(../images/common/btn_about_f2.jpg) no-repeat 0 0;
}


#reform a, #reform a:link, #reform a:visited {
	display:block;
	width:190px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_reform.jpg) no-repeat 0 0;
}


#reform a:hover, #reform a:active {
	background:url(../images/common/btn_reform_f2.jpg) no-repeat 0 0;
}



#ordermade a, #ordermade a:link, #ordermade a:visited {
	display:block;
	width:150px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_ordermade.jpg) no-repeat 0 0;
}


#ordermade a:hover, #ordermade a:active {
	background:url(../images/common/btn_ordermade_f2.jpg) no-repeat 0 0;
}



#event a, #event a:link, #event a:visited {
	display:block;
	width:170px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_event.jpg) no-repeat 0 0;
}


#event a:hover, #event a:active {
	background:url(../images/common/btn_event_f2.jpg) no-repeat 0 0;
}



#faq a, #faq a:link, #faq a:visited {
	display:block;
	width:145px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_faq.jpg) no-repeat 0 0;
}


#faq a:hover, #faq a:active {
	background:url(../images/common/btn_faq_f2.jpg) no-repeat 0 0;
}


/* upper menu */
ul#u-menu {
	width:330px;
	height:25px;
	position:absolute;
	right:0;
	top:0;
	list-style:none;
}


ul#u-menu li {
	float:left;
}


#company a, #company a:link, #company a:visited {
	display:block;
	width:100px;
	height:25px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_company.jpg) no-repeat 0 0;
}


#company a:hover, #company a:active {
	background:url(../images/common/btn_company_f2.jpg) no-repeat 0 0;
}



#contact a, #contact a:link, #contact a:visited {
	display:block;
	width:120px;
	height:25px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_contact.jpg) no-repeat 0 0;
}


#contact a:hover, #contact a:active {
	background:url(../images/common/btn_contact_f2.jpg) no-repeat 0 0;
}


#sitemap a, #sitemap a:link, #sitemap a:visited {
	display:block;
	width:110px;
	height:25px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_sitemap.jpg) no-repeat 0 0;
}


#sitemap a:hover, #sitemap a:active {
	background:url(../images/common/btn_sitemap_f2.jpg) no-repeat 0 0;
}



/* lower menu */
ul#l-menu {
	width:900px;
	list-style:none;
	margin:0 auto;
}


ul#l-menu li {
	float:left;
	padding:0 10px 0;
	border-right:1px solid #FFF;
}


ul#l-menu li#last {
	border:none;
}



ul#l-menu a, ul#l-menu a:link, ul#l-menu a:visited {
	color:#FFF;
	text-decoration:none;
}



ul#l-menu a:hover, ul#l-menu a:active {
	color:#FF9;
	text-decoration:underline;
}



/* search box */
#search {
	width:200px;
	height:94px;
	background:url(../images/common/bg_search.gif) no-repeat 0 0;
	margin:0 0 10px;
	padding:5px 10px;
}



#search h3 {
	margin:0 0 5px;
}



#search input[type=text] {
	margin:0 10px 5px 0;
	width:110px;
}



#search input[type="image"] {
	margin:0 60px 5px;
	width:80px;
}




/* menu in #s-col */
ul#content-menu {
	width:200px;
	list-style:none;
}


ul#content-menu li {
	height:85px;
}


#menu-btn01 a, #menu-btn01 a:link, #menu-btn01 a:visited {
	display:block;
	width:200px;
	height:85px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_01.jpg) no-repeat 0 0;
}



#menu-btn01 a:hover, #menu-btn01 a:active {
	background:url(../images/common/btn_01_f2.jpg) no-repeat 0 0;
}



#menu-btn02 a, #menu-btn02 a:link, #menu-btn02 a:visited {
	display:block;
	width:200px;
	height:85px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_02.jpg) no-repeat 0 0;
}



#menu-btn02 a:hover, #menu-btn02 a:active {
	background:url(../images/common/btn_02_f2.jpg) no-repeat 0 0;
}



#menu-btn03 a, #menu-btn03 a:link, #menu-btn03 a:visited {
	display:block;
	width:200px;
	height:85px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_03.jpg) no-repeat 0 0;
}



#menu-btn03 a:hover, #menu-btn03 a:active {
	background:url(../images/common/btn_03_f2.jpg) no-repeat 0 0;
}



#menu-btn04 a, #menu-btn04 a:link, #menu-btn04 a:visited {
	display:block;
	width:200px;
	height:85px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_04.jpg) no-repeat 0 0;
}



#menu-btn04 a:hover, #menu-btn04 a:active {
	background:url(../images/common/btn_04_f2.jpg) no-repeat 0 0;
}



#menu-btn05 a, #menu-btn05 a:link, #menu-btn05 a:visited {
	display:block;
	width:200px;
	height:85px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/btn_05.jpg) no-repeat 0 0;
}



#menu-btn05 a:hover, #menu-btn05 a:active {
	background:url(../images/common/btn_05_f2.jpg) no-repeat 0 0;
}


/* thread type link */
#threadLink {
	padding:0 10px 10px;
	font-size:11px;
}



/* Back to Top Button */
.areaBackToTop {
	margin:30px 0 10px;
	padding:15px 0 0;
	text-align:right;
	border-top:1px dotted #CCC;
}