@charset  "utf-8";

@import url(reset.css);



body {

	margin: 0;

	background-color: #FFFFFF;

	text-align: center;

	font-family: "ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", Osaka, sans-serif; 

}



/*+++++++++++++++++++++++++++++++++++++++++++ ヘッダ */

#header{

	width:100%;

	height:77px;

	background-image:url(../images/headerBg.gif);

	background-repeat:repeat-x;

	background-color:#009900;

	font-size:9px;

}

#headerMain{

	width:782px;

	height:77px;

	margin:auto;

	text-align:left;

}

#headerMain h1{

	width:350px;

	height:45px;

	background-image:url(../images/header_infoAreaBg.gif);

	background-position:0 5px;

	background-repeat:no-repeat;

	margin:0;

	padding:12px 5px 0 10px;

	float:right;

	font-size:12px;

	font-weight:normal;

	color:#666666;

	line-height:16px;

}

#header a#top{

	background-image:url(../images/headerLogo.jpg);

	background-repeat:no-repeat;

	display:block;

	width:296px;

	height:69px;

	margin:0;

	padding:0;

	text-indent:-9999px;

	overflow:hidden;

}

#header ul#headerNavi{

	clear:right;

	width:369px;

	height:20px;

	margin:0;

	padding:0;

	float:right;

}

#header ul#headerNavi li{

	height:20px;

	margin:0;

	padding:0;

	list-style:none;

	float:left;

}

#header ul#headerNavi li img{

	border:none;

	vertical-align:bottom;

}

/*+++++++++++++++++++++++++++++++++++++++++++ メインタイトル */

#mainVisual{

	margin:0;

	padding:8px 0 11px;

	width:100%;

	height:121px;

	background-image:url(../images/mainVisual2nd_bg.gif);

	background-repeat:repeat-x;

	text-align:center;

}

#mainVisualContent{

	width:772px;

	text-align:right;

	margin:0 auto;

	padding:62px 10px 0 0; 

	height:60px;

	background-image:url(../images/mainVisual2nd_title.jpg);

	background-repeat:no-repeat;

}

/*+++++++++++++++++++++++++++++++++++++++++++ ぱんくずリスト */

#pankuzu {

	padding:5px 5px 0 0;

	font-size:12px;

	color:#C1CBDC;

	text-align:right;

}

#pankuzu a{color:#C1CBDC;}



/*+++++++++++++++++++++++++++++++++++++++++++ menu */

#menuWrapper{

	width:172px;

	float:left;

}

#menuWrapper img{

	vertical-align:middle;

	border:none;

}

#menuWrapper ul#menu {

	margin:0;

	padding:0;

}

#menuWrapper ul#menu li{

	list-style:none;

	margin:0;

	padding:0;

}



/*PRバナー部*/

#prBanner {

	margin:16px 0;

	padding:0;

	background-image:url(../images/dotLine1.gif);

	background-repeat:no-repeat;

	background-position:bottom;

}

#prBanner li{

	list-style:none;

	text-align:center;

	padding-bottom:10px;

}



#prBannerNovel {

	margin:16px 0;

	padding:0;

	background-image:url(../images/dotLine1.gif);

	background-repeat:no-repeat;

	background-position:bottom;

}

#prBannerNovel li{

	list-style:none;

	text-align:center;

	padding-bottom:10px;

}



/*会社情報部*/

#menuInfoArea{

	padding:5px;

	color:#286030;

	text-align:center;

	font-size:small;

	background-image:url(../images/dotLine1.gif);

	background-repeat:no-repeat;

	background-position:bottom;

}

#menuInfoArea p{

	margin-bottom:12px;

	line-height:120%;

}



/*+++++++++++++++++++++++++++++++++++++++++++ footer */

#footer{

	clear:both;

	background-image:url(../images/footerBg.gif);

	background-repeat:repeat-x;

	background-position:top;

	height:206px;

	padding:0;

	text-align:center;

}

#footerMain{

	width:782px;

	margin:auto;

	padding-top:15px;

	background-image:url(../images/contentsBg_bottom.gif);

	background-position:top;

	background-repeat:no-repeat;

}

#footerMain ul{

	margin:0;

	padding:0;

}

#footerMain ul li{

	float:left;

	list-style:none;

	margin:0;

	padding:0 0 16px;

}

#footerMain ul li#footerPagetop{

	float:right;

}

#footerMain .notice{

	color:#518058;

}

/*+++++++++++++++++++++++++++++++++++++++++++ contents */

#wrapper {

	width: 782px;

	margin: 8px auto 0;

	padding:0;

	text-align: left;

	background-image:url(../images/contentsBg.gif);

	background-repeat:repeat-y;

}

#contents {

	clear:both;

	width:592px;

	float:right;

	font-size:95%;

	line-height:140%;

	color:#333333;

}

#contents h2 {

	height:28px;

	margin:40px 0 18px 0;

	padding:0 16px;

	background-image:url(../images/h2TitleBg.gif);

	background-position:left top;

	background-repeat:no-repeat;

	font-size:100%;

	font-weight:bold;

	line-height:28px;

}

#contents h2.first { margin-top:0;}



#contents h3 {

    color:#007D00;

    margin:40px 20px 30px 10px;

    border-bottom:1px solid #d6d6d6;

	font-weight:bold;

}



#contents h4 {

	background-image:url(../images/arr.gif);

	background-repeat:no-repeat;

	clear:both;

	padding:0 0 20px 15px;

}



#contents h5 {

	clear:both;

	padding:0 0 0 24px;

}



#contents p,

#contents dl{

	margin:8px 24px 8px 24px;

}

#contents ul,

#contents ol{

	margin:16px 16px 16px 42px;

}

#contents  ul li,

#contents  ol li{

	margin:0.1em 0;

	padding:15px 0 0 0;

	font-weight:bold;

}

#contents ul li ul,

#contents ol li ol{

	margin-top:0;

}



/*+++++++++++++++++++++++++++++++++++++++++++ スタイル */

.borderLine {

	clear:both;

	background-image:url(../images/border1px.gif);

	background-repeat:no-repeat;

	background-position:center;

	padding:12px 8px;

	margin:0;

}



/*+++++++++++++++++++++++++++++++++++++++++++ リンクボタン */

.btn {

	clear:both;

	text-align:center;

	padding:12px 0 12px 0;

	margin:0;

}



/*+++++++++++++++++++++++++++++++++++++++++++ リンク */

a:link {color: #009900;}

a:visited {color: #008C00;}

a:hover {color: #CC0000;}

a:active {color: #CC0000;}



/*+++++++++++++++++++++++++++++++++++++++++++ 文字 */

.x-small {font-size:x-small; line-height:150%;}

.small {font-size:small; line-height:150%;}

.medium {font-size:medium; line-height:150%;}

.large {font-size:large; line-height:150%;}

.x-large {font-size:x-large; line-height:150%;}

.xx-large {font-size:xx-large; line-height:150%;}



.red {

  color:#c33;

}



.red_b {

  color:#c33;

  font-weight:bold;

}



/*+++++++++++++++++++++++++++++++++++++++++++ 汎用 */

.clear { clear:both;}

.texCenter { text-align:center;}

.texLeft { text-align:left;}

.texRight { text-align:right;}

.weightNormal {font-weight:normal}

.floatL { float:left;}

.floatR { float:right;}



/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */