@charset "utf-8";

/*
======== table of content. =================================

summary:共通設定、共通レイアウト設定

- HTML
- BODY
- NONVISUAL-MENU


-CLEARFIX

============================================================
*/


/*-----------------------------------------------------
HTML
-------------------------------------------------------*/

html {
	
	overflow-y:scroll;
}



/*-----------------------------------------------------
BODY
-------------------------------------------------------*/

body {
	background:url(../images/bg_body.gif) repeat;
	font-size: 12px;
	color:#333333;
	line-height: 1.6;
	letter-spacing:0.1em;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	text-align: center;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	font-size: 75%;
	margin:0;
	padding:0;
}

/* for IE7 */
*:first-child + html body {
	font-family: "ＭＳ Ｐゴシック", "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
}




/*-----------------------------------------------------
nonvisual-menu
-------------------------------------------------------*/

.nonvisual-menu {
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE \*/position: absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}

.nonvisual-menu a {
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	color:#fff;
}


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

Common Css

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

#header,
#main,
#content {
	width:940px;
	margin:0 auto;
	clear:both;
}



/*-----------------------------------------------------
★container
-------------------------------------------------------*/

#container {
	width:100%;
	border-top:solid 3px #FFA700;
	background:url(../images/bg_container.gif) repeat-x;
}



/*-----------------------------------------------------
container > ★wrapper
-------------------------------------------------------*/

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}


/*-----------------------------------------------------
container > wrapper > ★main
-------------------------------------------------------*/

#main {
	background:url(../../index/images/bg_main.gif) no-repeat top left;
	height:320px;
	width:940px;
}

#main .wrap {
	width:920px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#main .wrap h2 {
}

#main .wrap ul {
	clear:both;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#main .wrap .left {
	float:left;
}

#main .wrap li.left {
	float:left;
}

#main .wrap li.right {
	float:right;
}

#main li.adjust {
	margin:4px 0 10px 0;
}

#main dl {
	float:left;
	padding:10px 0 0 0;
}

#main p {
	float:left;
	background-color: #FFF;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}



/*-----------------------------------------------------
container > wrapper > ★news
-------------------------------------------------------*/
#news { padding-bottom:20px !important; }
#news dl {
	width:568px;
	margin:0 auto;
	padding:4px 12px 10px 12px;
	background:url(../../index/images/line_news.gif) bottom repeat-x;
}

#news strong {
	color:#FFA601;
}

#news .end {
	color:#333;
}

#news .newicon {
	background:url(../../index/images/newicon.gif) no-repeat right;
	padding-right:40px;
	padding-bottom:3px;
	padding-top:4px;
}



/*-----------------------------------------------------
container > wrapper > ★content
-------------------------------------------------------*/
#content {
	background:none;
}

#content .link {
	color:#333;
	text-decoration:none;
	display:block;
	background:url(../../index/images/link_arrow.gif) no-repeat 20px 1px;
	text-align:left;
	padding-left:40px;
	font-weight:bold;
	margin-bottom:8px;
}

#content .link:hover {
	color:#666;
}

#content .sectionL {
	width:620px;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
}

#content .sectionR {
	float:right;
	width:300px;
	overflow:visible;
}


#content .sectionR .section {
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	background:#FFF;
	border:#CCC solid 1px;
	overflow:visible;
	width:298px;
}
#content .sectionR .section h3 {
	padding:17px 0 0 22px;
	height:44px;
	background:url(../../index/images/bg_ttl2.jpg) no-repeat 0 0;
}

#content .sectionR .section ul {
	margin:0 auto;
	padding-bottom:10px;
	width:280px;
}

#content .sectionR .section li {
	margin:5px 0 0 0;
}


#content .sectionTop {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:#FFF;
	border:#CCC solid 1px;
	overflow:visible;
	clear:both;
	width:614px;
}

#content .sectionTop:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


#content .sectionTop h3 {
	padding:17px 0 0 22px;
	height:44px;
	background:url(../../index/images/bg_ttl.jpg) no-repeat top center;
}


#content .sectionTop .left {
	float:left;
	width:370px;
	padding:4px 12px 10px 12px;
}

#content .sectionTop .right {
	float:left;
	background:url(../../index/images/ttl_planeseries.gif) no-repeat center 10px #FFF7E4;
	padding-top:10px;
	border:solid 1px #FFD186;
	padding:18px 8px 8px 8px;
}
#content .sectionTop .right li {
	padding-top:10px;
}

#campaign { margin-bottom:20px; 
}
#2campaign {
	margin-bottom:20px;
	margin-top:15px;
}


.align_center {
	margin-top:10px;
	text-align:center;
}

.sentence { padding:4px 12px 0 12px; }

.txtlink { background:url(../../index/images/link_arrow.gif) no-repeat 2px; padding:8px 0 8px 20px; font-weight:bold; }





/*-----------------------------------------------------
container > wrapper > ★footer
-------------------------------------------------------*/

#footer {
	clear:both;
	width:100%;
	background:url(../images/bg_footer.gif) #FFA700 repeat-x;
}

#footer #footerNav {
	width:940px;
	margin:0 auto;
}

#footer #footerNav ul {
	float:left;
	margin:1px 0 0 0;
}

#footer #footerNav li {
	float:left;
	margin:0 10px 0 0;
}

#footer #footerNav .pagetop {
	float:right;
	position:relative;
	top:-20px;
}

#footer #copyright {
	clear:both;
	width:940px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:left;
}








/*-----------------------------------------------------
clearfix
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}