@charset "UTF-8";

/*--------------------------------------------------------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-table;
	min-height:1%;
}
* html .clearfix {
	height:1px;/*Mac IE　には適用されない*/
}
.clearfix {
	display:block;
}


/*--------------------------------------------------------------------------------------------------*/

* {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
}
html, body {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
/*	font-size: 100%;*/
	width:100%;
	height:100%;
	line-height:1.5;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
table, caption, th, td {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
span, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup, q, br, ins, del, a, img, object, iframe {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}
img {
	border:none;
	vertical-align:top;
}

strong {
	font-weight:bold;
}
select option {
	padding: 0 5px;
}
sup {
	font-size:xx-small;
	line-height:1.4;
}

.align_center{
	text-align: center;
}
.align_right{
	text-align: right;
}
.align_left{
	text-align: left;
}

/*--------------------------------------------------------------------------------------------------*/

.rollover {
	/* ロールオーバー用 */
}

/*a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
}*/
/* イメージリンクロールオーバー */

a:hover .rollover02{
opacity:0.7;
filter:alpha(opacity=70);
}
/* イメージリンクロールオーバー */

/*--------------------------------------------------------------------------------------------------*/

body{
	background:url(../image/back_img.gif);
	}

#wrapper{
	width:980px;
	margin:0 auto;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	background-color: #FFF;
	}
	
#header{
	}

#header .rogo{
	background-image: url(../image/head_bk.jpg);
	background-repeat: no-repeat;
	height: 60px;
	}
	
#header .navigation{
	background-color: #FFF;
	height: 37px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

.nav {
	width: 710px;
	float: left;
	position: relative;
}

.nav ul li {
	float: left;
	padding:0 14px;
	list-style-type: none;
}

.font_size{
	float: left;
	width:138px;
	padding: 7px 0 6px 0;
}

 .font_size ul li {
	float: left;
	list-style-type: none;
}

.foreign {
	float: left;
	padding-left: 4px;
	font-size: 1px;
	padding-top: 3px;
	width: 120px;
}
.foreign ul {
	margin-left: 20px;
}


.foreign ul li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
}


/*--------------------------------------------------------------------------------------------------*/

.font_size ul .large{
width:25px;
height:24px;
}
.font_size ul .standard{
width:24px;
height:24px;
}
.font_size ul .small{
width:24px;
height:24px;
}

.font_size ul .large a{
display:block;
text-indent:-9999px;
font-size:0px;
width:25px;
height:24px;
text-decoration:none;
background:url(../image/size_l.gif) no-repeat top center;
/* hack \*/
overflow:hidden;
/* end hack */
}
.font_size ul .large a:hover{
background:url(../image/size_l_o.gif) no-repeat top center;
}
.font_size ul .standard a{
display:block;
text-indent:-9999px;
font-size:0px;
width:24px;
height:24px;
text-decoration:none;
background:url(../image/size_m_o.gif) no-repeat top center;
/* hack \*/
overflow:hidden;
/* end hack */
}
.font_size ul .small a{
display:block;
text-indent:-9999px;
font-size:0px;
width:24px;
height:24px;
text-decoration:none;
background:url(../image/size_s.gif) no-repeat top center;
/* hack \*/
overflow:hidden;
/* end hack */
}
.font_size ul .small a:hover{
background:url(../image/size_s_o.gif) no-repeat top center;
}


/*--------------------------------------------------------------------------------------------------*/

.sub_icon{
	padding:0.2em 4px 0 0;
}

.subnav{
	width: 100%;
	color: #666;
	padding: 10px 1px 1px 1px;
	border-bottom: 1px dotted #000;
	font-size: 90%;
	text-align: center;
}


	
.subnav a{
	color: #333;
}

.subnav2{
	width: 100%;
	color: #666;
	padding: 5px 1px 10px 1px;
	border-top: 1px dotted #000;
	font-size: 90%;
	text-align: center;
}

.subnav2 a{
	color: #333;
}

/*--------------------------------------------------------------------------------------------------*/

#pankuzu{
	width: 965px;
	background-color: #f0f0f0;
	color: #666;
	padding: 1px 0px 1px 15px;
	border-top: 1px solid #999;
	border-bottom: 1px dotted #000;
	font-size: 90%;
}

#pankuzu a{
	color: #333;
}

#contents{
	width: 850px;
	margin: 0 auto;
}

.contents_t{
	padding: 20px 0px;
	margin-bottom: 20px;
	background: url(../image/line.jpg) no-repeat 0px 60px;
	width: 850px;
}	

.dotline{
	border-bottom: 1px dotted #4d4d4d;
	margin: 5px 0px;
}

h4{
	font-size: 130%;
	font-weight: bold;
}

.mar_bot10{
	margin:20px 0 10px ;
}

.mar_bot10 img{
	vertical-align:bottom;
	vertical-align:top;
}

.cap{
	font-size: 80%;
	text-align: center;
	padding-top: 3px;
}

.cap a{
/*	font-size: 80%;*/
	text-decoration : none;
	color:#333;
}

.cap a:hover{
/*	font-size: 80%;*/
	text-decoration: underline;
}

.icon{
	padding:0.2em 4px 0 0;
}




	
/*--------------------------------------------------------------------------------------------------*/

#footer{
	text-align: center;
	background-image: url(../image/f_back.gif);
	padding: 20px;
	height: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	

#footer .copyright{
	font-size: 12px;
	color: #666666;
	}
	
/*--------------------------------------------------------------------------------------------------*/
#submenu_gaiyou{
position:absolute;
top:37px;
left:0;
font-size: 12px;
border: 1px solid #b7b7b7;
background-color: #fff;
padding: 6px;
width: 100px;
}
#submenu_gaiyou ul{
list-style:none;
}
#submenu_gaiyou li{
clear:both;
background-color:#f3efda;
padding:0;
}
#submenu_gaiyou a{
text-decoration:none;
color: #000;
display: block;
padding: 4px 12px;
width:76px;
}
#submenu_gaiyou a:hover{
background-color:#ede5b8;
}

/*--------------------------------------------------------------------------------------------------*/
#submenu_gaiyou2{
	position:absolute;
	top:37px;
	left:510px;
	font-size: 12px;
	border: 1px solid #b7b7b7;
	background-color: #fff;
	padding: 6px;
	width: 100px;
}
#submenu_gaiyou2 ul{
list-style:none;
}
#submenu_gaiyou2 li{
clear:both;
background-color:#f3efda;
padding:0;
}
#submenu_gaiyou2 a{
text-decoration:none;
color: #000;
display: block;
padding: 4px 12px;
width:76px;
}
#submenu_gaiyou2 a:hover{
background-color:#ede5b8;
}
.index_top {
	padding-top: 20px;
}

.tel{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
