@charset "euc-jp";
@import "../../common_hp/css/color.css";
/*--------------------------------------------------
スタイルリセット
--------------------------------------------------*/
html{
    overflow-y:scroll;
}

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, a, em, img, q, dl, dt, dd, ol, ul, li, 
form, label, 
table, caption, tr, th, td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	list-style-type: none;
	line-height:130%;
}

textarea{
	/*\*//*/
	font-family:Osaka,Verdana,Arial;
	/**/
}

img , a img{ border: none;}
img{ vertical-align:top;}

hr { display:none;}



/*--------------------------------------------------
フロート関係
--------------------------------------------------*/

.floatleft{float:left;}
.floatright{float:right;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}

.clearfix:after {/* IE以外のモダンWebブラウザ向け */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {/* WinIE7、MacIE5対策 */
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {/* WinIE4〜6、MacIE4〜5対策 */
	height: 1%;
}
.clearfix {
	display: block;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
/* End hide from IE-mac */

}


/*--------------------------------------------------
サイト共通
--------------------------------------------------*/
body{
	font-family: "ＭＳ Ｐゴシック" ,"MS UI Gothic" , Osaka, "ヒラギノ角ゴ Pro W3" , verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	background-color: #C7C7C4;
	color:#333333;
	background-image: url(../images/pop_bg.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
}
a{color: #000000; text-decoration: none;}
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #000000; text-decoration: underline;}
a:active{color: #000000; text-decoration: none;}

/* テキストそろえ */
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}

/* 文字おおきさ */
.f_s{ font-size: 80%;}
.f_l{ font-size: 120%;}
/* 文字色 */
.color01{ color:#0455A6;} /* 青色 */
.color02{ color:#F41900;} /* 赤色 */
.color03{ color:#999999;} /* 灰色 */


/*--------------------------------------------------
header
--------------------------------------------------*/
/* カラーバリエーションヘッダー */

#plain_pop_01,
#plain_pop_02,
#plain_pop_03,
#plain_pop_04,
#plain_pop_05,
#plain_pop_06,
#plain_pop_07,
#plain_pop_08,
#plain_pop_09,
#plain_pop_10,
#plain_pop_11,
#plain_pop_12,
#plain_pop_13,
#plain_pop_14,
#plain_pop_15,
#plain_pop_16,
#plain_pop_17,
#plain_pop_18,
#plain_pop_19,
#plain_pop_20,
#plain_pop_21,
#plain_pop_22,
#plain_pop_23,
#plain_pop_24
{
	background-repeat: repeat-x;
	background-position: 0px bottom;
	margin: 0px auto 0px auto;
	text-align: center;
}

.logo{
	margin: 2px 0px 0px 0px;
	font-size: 12px;
}
.logo img{
	vertical-align:middle;
	padding: 0px 0px 5px 0px;
}
#plain_pop{
	background-image: url(../images/pop_bg_brd.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#plain_pop_in{
	width:680px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#plain_pop_in2{
	width:680px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#header{
	height: 35px;
	text-align:left;
	background-color: none;
}
.company_name{
	font-size:16px;
	padding: 8px 0px 7px 0px;
	width: 345px;
	text-align:left;
}

/*--------------------------------------------------
font_size
--------------------------------------------------*/
.f_size{
	float:right;
	padding:0px;
	margin: 0px;
	height: 30px;
}
.f_size_in{
	width: 115px;
}
.f_title{
	padding: 0px 10px 0px 0px;
}
.f_size li{
	padding: 10px 0px 0px 5px;
	float: left;
	margin: 0px;
}
.ftxt{
	display:none;
}
#small a {
	background-image:url(../images/small_btn.gif);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:14px;
	padding:0;
	width:13px;
}

#medium a {
	background-image:url(../images/medium_btn_ov.gif);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:14px;
	padding:0;
	width:13px;
}

#large a {
	background-image:url(../images/large_btn.gif);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	height:14px;
	padding:0;
	width:13px;
}
/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer ul{
	margin: 10px 20px 10px 0px;
	text-align: right;
}
#footer li{
	display:inline;
	vertical-align:middle;
	padding: 0px 0px 0px 5px;
}

#footer img{
	vertical-align:middle;
	padding: 0px 5px 0px 0px;
}