@charset "utf-8";

/* --------------------------------------------------------------------------

リセット、クリアー、全ページ共通要素

-------------------------------------------------------------------------- */

/************************************************
		リセット
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}

ol, ul{
	list-style: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/************************************************
		クリアー
************************************************/
.m_clear{
	clear:both;
    margin:0px;
    padding:0px;
    line-height:0px;
    font-size:0px;
    height:0px;
}

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

/************************************************
		リンク設定
************************************************/
a{
	text-decoration: underline;
}
a:link{
	/*color: #0066CC;*/
	color: #339933;
}
a:visited{
	color: #339933;
}
a:hover{
	color: #339933;
	text-decoration: none;
}
a:active{
	color: #339933;
}

/************************************************
		全体構成
************************************************/
body{
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	text-align: center;
	background : url(../../news/body_bg.jpg) center top / auto auto repeat-x scroll padding-box border-box #ffffff;
}

#wrapper{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

/************************************************
		ヘッダ
************************************************/
#header{
	width: 100%;
	position: relative;
	text-align: left;
	height: 216px;
	background-image : url(../../news/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 20px;
}
#header .headLogo{
	position: absolute;
	top: 43px;
	left: 10px;
}

#header .sitemap{
	position: absolute;
	top: 21px;
	left: 560px;
}

#header #texSize{
	position: absolute;
	top: 15px;
	left: 668px;
	width: 225px;
}
#header #texSize p{
	float: left;
	margin-top: 6px;
	margin-right: 3px;
}
#header #texSize ul{
	float: left;

}
#header #texSize ul li{
	float: left;
	margin-left: 4px;
}

/************************************************
		ヘッダグローバルナビ
************************************************/
#header #gnavi{
	width: 100%;
	height: 55px;
	position: absolute;
	top: 161px;
	left: 0px;
}
#header #gnavi ul{
	padding:0;
	margin:0 -1px 0 0;
	width:901px;
}
#header #gnavi li{
	float: left;
	font-size: 0px;
	line-height: 0px;
}

/************************************************
		2カラムレイアウト
************************************************/
#contents{
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
#sideNavi{
	float: left;
	width: 200px;
}
#main{
	float: right;
	width: 660px;
}

/************************************************
		サイドナビ
************************************************/
/*OPACへのリンクボタン*/
.sys_outside, .sys_inside{
	width: 100%;
}
.sys_outside{
	padding-top: 5px;							/*丸画像の高さと同じにする*/
	background-image : url(../../news/green_up.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 15px;
}
.sys_inside{
	padding-bottom: 5px;						/*丸画像の高さと同じにする*/
	background-image : url(../../news/green_down.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.sys_center{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D2E17B;
	border-left-color: #D2E17B;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

ul#opacBtn {
}
ul#opacBtn li{
	margin-bottom: 8px;
	font-size: 0px;
	line-height: 0px;
}

/*グレーの枠*/
.gray_inside{
	width: 100%;
	margin-bottom: 15px;
}
.gray_inside{
	padding-bottom: 5px;						/*丸画像の高さと同じにする*/
	background-image : url(../../news/gray_down.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.gray_center{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 10px 10px 5px;
}

/*携帯サイト*/
.keitai_text{
	float:left;
	margin-top: 15px;
}
.keitai_qr{
	float: right;
}

/*スマートフォンサイト*/
.btn_sp{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 6px;
}

.kaikanjikan{
	font-size: 85%;
}


/************************************************
		パンクズ
************************************************/
#pankuzu{
	background-color: #F5F5F5;
	margin-bottom: 20px;
	text-align: right;
}
#pankuzu p{
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-size: 90%;
}

/************************************************
		フッタ
************************************************/
#footwrap{
	height: 80px;
	width: 100%;
	background-image : url(../../news/foot_bg.gif);
	background-repeat: repeat-x;
}
#footer{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer p.foot_copy{
	color: #326B01;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 0px;
	top: 30px;
}
#footer p.pagetop{
	position: absolute;
	left: 770px;
	top: 25px;
}


/************************************************
		FONT
************************************************/
.text_red{
	color: #F00;
}
.text_orange{
	color: #F60;
}
.text_green{
	color: #009966;
}

.text_80{
	font-size: 80%;
}
.text_90{
	font-size: 90%;
}
.text_110{
	font-size: 110%;
}
.text_120{
	font-size: 120%;
}
.text_130{
	font-size: 130%;
}
.text_140{
	font-size: 140%;
}

/************************************************
		MARGIN
************************************************/
.margin_bottom0{
	margin-bottom: 0px !important;
}
.margin_bottom5{
	margin-bottom: 5px !important;
}
.margin_bottom10{
	margin-bottom: 10px !important;
}
.margin_bottom15{
	margin-bottom: 15px !important;
}
.margin_bottom20{
	margin-bottom: 20px !important;
}
.margin_bottom25{
	margin-bottom: 25px !important;
}
.margin_bottom30{
	margin-bottom: 30px !important;
}
.margin_bottom35{
	margin-bottom: 35px !important;
}
.margin_bottom40{
	margin-bottom: 40px !important;
}
.margin_bottom45{
	margin-bottom: 45px !important;
}
.margin_bottom50{
	margin-bottom: 50px !important;
}
.margin_bottom60{
	margin-bottom: 60px !important;
}

.margin_top0{
	margin-top: 0px !important;
}
.margin_top3{
	margin-top: 3px !important;
}
.margin_top5{
	margin-top: 5px !important;
}
.margin_top10{
	margin-top: 10px !important;
}
.margin_top15{
	margin-top: 15px !important;
}
.margin_top20{
	margin-top: 20px !important;
}
.margin_top25{
	margin-top: 25px !important;
}
.margin_top30{
	margin-top: 30px !important;
}
.margin_top35{
	margin-top: 35px !important;
}
.margin_top40{
	margin-top: 40px !important;
}
.margin_top45{
	margin-top: 45px !important;
}
.margin_top50{
	margin-top: 50px !important;
}
.margin_top60{
	margin-top: 60px !important;
}

.margin_left0{
	margin-left: 0px !important;
}
.margin_left5{
	margin-left: 5px !important;
}
.margin_left10{
	margin-left: 10px !important;
}
.margin_left15{
	margin-left: 15px !important;
}
.margin_left20{
	margin-left: 20px !important;
}
.margin_left25{
	margin-left: 25px !important;
}
.margin_left30{
	margin-left: 30px !important;
}
.margin_left35{
	margin-left: 35px !important;
}
.margin_left40{
	margin-left: 40px !important;
}
.margin_left45{
	margin-left: 45px !important;
}
.margin_left50{
	margin-left: 50px !important;
}
.margin_left60{
	margin-left: 60px !important;
}