@charset "utf-8";


/* Suggested order(via Mozilla.org):
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */



/* Reset
------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

.table{font-size:inherit;}

th{font-weight:normal; text-align:left;}

a img, img{border:0;vertical-align:bottom;}

hr{ display:none; }

/* Text
------------------------------------------------*/

html,input,select,textarea{
	color:#555;
	font-size:12px;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", sans-serif;
	line-height:1.4;
	font-weight:normal;
}

input, select {
	color:#787878;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

.black{	color:#333333; }

a{ color:#555; text-decoration:underline; }
a:hover{ color:#E25700; }

address{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}


/* List
------------------------------------------------*/

ul li{
	list-style-type:none;
}
ul.disc li{
	list-style-type:disc;
	margin-left:20px;
}
ul.circle li{
	list-style-type:circle;
	margin-left:20px;
}
ol li{
	list-style:none;
}
ol.decimal li{
	list-style-type:decimal;
	margin:0 0 1em 30px;
}
ol.roman li{
	list-style-type:lower-roman;
}



/* Class
------------------------------------------------*/

/*for block element only*/
.hidden{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

/*for all element*/
.vanish{display:none;}


/* clearfix */
/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*for IE 6-7 */
.clearfix{
	zoom:1;
}


/* text */
.lh10{line-height:1;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2;}

.ttl00{font-size:13px;}
.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}
.ttl03{font-size:11px;font-weight:bold;}
.ttl04{font-size:10px;}

.caution{font-size:11px;color:#999;}

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}

.float_left{float:left}
.float_right{float:right}
.clear{clear:both}

/* margin called 'mrg' */
.mrg_b05em{margin-bottom:0.5em;}
.mrg_b10em{margin-bottom:1em;}
.mrg_b15em{margin-bottom:1.5em;}
.mrg_b20em{margin-bottom:2em;}

.mrg_t05{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t30{margin-top:30px;}

.mrg_r00{margin-right:0;}
.mrg_r05{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r30{margin-right:30px;}

.mrg_b00{margin-bottom:0;}
.mrg_b05{margin-bottom:5px;}
.mrg_b07{margin-bottom:7px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b30{margin-bottom:30px;}

.mrg_l00{margin-left:0;}
.mrg_l05{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l30{margin-left:30px;}


/* padding called 'pad' */
.pad_t00{padding-top:0;}
.pad_t05{padding-top:5px;}
.pad_t10{padding-top:10px;}
.pad_t15{padding-top:15px;}
.pad_t20{padding-top:20px;}
.pad_t30{padding-top:30px;}

.pad_r05{padding-right:5px;}
.pad_r10{padding-right:10px;}
.pad_r15{padding-right:15px;}
.pad_r20{padding-right:20px;}
.pad_r30{padding-right:30px;}

.pad_b05{padding-bottom:5px;}
.pad_b10{padding-bottom:10px;}
.pad_b15{padding-bottom:15px;}
.pad_b20{padding-bottom:20px;}
.pad_b30{padding-bottom:30px;}

.pad_l05{padding-left:5px;}
.pad_l10{padding-left:10px;}
.pad_l15{padding-left:15px;}
.pad_l20{padding-left:20px;}
.pad_l30{padding-left:30px;}

.w110{width:110px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}


.dotted{ border-bottom:1px dotted; }

.smaller{ font-size:88%; line-height:1.4; }





/* Structure
------------------------------------------------*/
html, body{
	width:100%;
	height:100%;
}
body{
	background:url(../images/share/bg_body.gif) repeat-y center top;
}

body > #wrapper {
	height:auto;
}

#wrapper{
	width:100%;
	min-width:928px;
	min-height:100%;
	background:url(../images/share/bg_wrapper2.jpg) no-repeat center top;
}

#HOME #wrapper{	background:url(../images/top/bg_wrapper.jpg) no-repeat center top; }

#container{
	width:928px;
	margin:0 auto;
	padding:0;
}

#header{ height:71px; }
#HOME #header{ height:91px; }

#global_nav li{
	float:left;
}
#global_nav { height:73px; background:url(../images/top/bg_g_nav.jpg) no-repeat center bottom; }
#HOME #global_nav{ height:78px;}

#content_wrapper{
	background:url(../images/share/bg_content2.gif) repeat-y 0 0;
}

#content{
	position:relative;
	min-height:530px;
	_height:530px;
	padding:15px 0 30px 20px;
	background:url(../images/share/bg_content1_2.png) no-repeat 0 0;
}
#HOME #content{
	background:url(../images/share/bg_content1.png) no-repeat 0 0;
}

#side_bar{
	float:left;
	width:225px;
	padding-bottom:100px;
	text-align:center;
}

#sub_menu{
	margin-bottom:10px;
	padding-top:2px;
	text-align:left;
	background:url(../images/share/line_2px_top.gif) repeat-x 0 0;
}
#sub_menu li{
	padding-bottom:1px;
	background:url(../images/share/dotline.jpg) repeat-x left bottom;
}
#sub_menu li.last{
	padding-bottom:2px;
	background:url(../images/share/line_2px.gif) repeat-x left bottom;
}
#sub_menu li a{
	display:block;
	width:180px;
	padding:8px 20px 5px 25px;
	background-color:#FFFFFF;
	background-image:url(../images/share/bg_sub_nav.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#sub_menu li a:hover,
#sub_menu li a.active {
	color:#E25700;
	background-color:#ccc;
	background-position:-225px 0;
}

#site_search{
	width:140px;
	height:20px;
	line-height:20px;
	border:#ccc 1px solid;
}

#search_btn{
	margin-left:3px;
	vertical-align:middle;
	*vertical-align:bottom;
}

#content_body{
	width:683px;
	float:left;
}

#content_box{
	padding:35px 0 30px 32px;
}



#footer{
	position:relative;
	height:34px;
	background:#fff url(../images/share/bg_footer.png) no-repeat 0 0;
}
#footer li{
	font-size:0;
	line-height:0;
}
#footer li a{
	position:absolute;
	display:block;
	height:35px;
}
*+html body #f_company a{ left:16px; width:68px; background:url(../images/share/bg_footer.png) -15px 1px no-repeat;}
*html body  #f_company a{ left:16px; width:68px; background:url(../images/share/bg_footer.png) -15px 1px no-repeat;}
*+html body #f_privacy a{ left:97px; width:135px;background:url(../images/share/bg_footer.png)  -97px 1px no-repeat;}
*html body  #f_privacy a{ left:97px; width:135px;background:url(../images/share/bg_footer.png)  -97px 1px no-repeat;}
*+html body #f_sitemap a{ left:244px; width:87px;background:url(../images/share/bg_footer.png)  -242px 1px no-repeat;}
*html body  #f_sitemap a{ left:244px; width:87px;background:url(../images/share/bg_footer.png)  -242px 1px no-repeat;}
*+html body #f_contact a{ left:344px; width:76px;background:url(../images/share/bg_footer.png)  -343px 1px no-repeat;}
*html body  #f_contact a{ left:344px; width:76px;background:url(../images/share/bg_footer.png)  -343px 1px no-repeat;}


*+html body #f_company a:hover{ left:16px; width:68px; background:url(../images/share/bg_footer_hover.png) -15px 1px no-repeat;}
*html body  #f_company a:hover{ left:16px; width:68px; background:url(../images/share/bg_footer_hover.png) -15px 1px no-repeat;}
*+html body #f_privacy a:hover{ left:97px; width:135px;background:url(../images/share/bg_footer_hover.png)  -97px 1px no-repeat;}
*html body  #f_privacy a:hover{ left:97px; width:135px;background:url(../images/share/bg_footer_hover.png)  -97px 1px no-repeat;}
*+html body #f_sitemap a:hover{ left:244px; width:87px;background:url(../images/share/bg_footer_hover.png)  -242px 1px no-repeat;}
*html body  #f_sitemap a:hover{ left:244px; width:87px;background:url(../images/share/bg_footer_hover.png)  -242px 1px no-repeat;}
*+html body #f_contact a:hover{ left:344px; width:76px;background:url(../images/share/bg_footer_hover.png)  -343px 1px no-repeat;}
*html body  #f_contact a:hover{ left:344px; width:76px;background:url(../images/share/bg_footer_hover.png)  -343px 1px no-repeat;}

#f_company a{ left:16px; width:68px; background:url(../images/share/bg_footer.png) -15px -0px no-repeat;}
#f_privacy a{ left:97px; width:135px;background:url(../images/share/bg_footer.png)  -97px -0px no-repeat;}
#f_sitemap a{ left:244px; width:87px;background:url(../images/share/bg_footer.png)  -242px -0px no-repeat;}
#f_contact a{ left:344px; width:76px;background:url(../images/share/bg_footer.png)  -343px -0px no-repeat;}


#f_company a:hover{ left:16px; width:68px; background:url(../images/share/bg_footer_hover.png) -15px -0px no-repeat;}
#f_privacy a:hover{ left:97px; width:135px;background:url(../images/share/bg_footer_hover.png)  -97px -0px no-repeat;}
#f_sitemap a:hover{ left:244px; width:87px;background:url(../images/share/bg_footer_hover.png)  -242px -0px no-repeat;}
#f_contact a:hover{ left:344px; width:76px;background:url(../images/share/bg_footer_hover.png)  -343px -0px no-repeat;}


#content #pagetop{
	position:absolute;
	left:804px;
	bottom:0px;
	_bottom:-1px;
	width:114px;
	height:21px;
	background:url(../img/share/btn_pagetop.jpg) no-repeat 0 0;
}