@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: general style
 * 2: html
 * 3: body
 * 4: wrapp,container
 * 5: header
 * 6: content
 * 7: side
 * 8: footer
 *
 * ****************************
 */


/*=======================================================================================
======= 1: general style ======
========================================================================================*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}






/*=======================================================================================
======= 2: html ======
========================================================================================*/
html {
	/*overflow-y: scroll;*/
}




/*=======================================================================================
======= 3: body ======
========================================================================================*/
body {
	color: #333333;
	font-size: 75%;
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", sans-serif;
	/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	text-align:center;
	background:#F2F2F2 url(/guide/img/common/body_bg.gif) 0 0 repeat-x;
	line-height:1.5;
}
html>body {
	font-size: 12px;
}

.j_off{
	color:#fff;
}



/*=======================================================================================
======= 4: wrapp,container =======
========================================================================================*/
#wrapp {
	text-align:center;
	background:url(/guide/img/common/wrapp_bg.jpg) center top no-repeat;	
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}



/*=======================================================================================
======= 5: header =======
========================================================================================*/
#header {
	position: relative;
	height: 101px;
}

#logo {
	margin: 0;
	width:141px;
}

#topicPath{
	position:absolute;
	top:75px;
	left:160px;
	color:#fff;
}
#topicPath {
	width: 700px;
	margin-bottom: 0;
}
#topicPath a:link,
#topicPath a:visited{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
#topicPath a:hover{
	text-decoration:none;
	font-weight:bold;
}



/*=======================================================================================
======= 6: content =======
========================================================================================*/
#content {
	float: left;
	text-align:left;
	width:670px;
	padding:20px 0px 0px 0px;
	margin-bottom:2em;
}

/*=======================================================================================
======= 7: side =======
========================================================================================*/
#side {
	float: right;
	width: 200px;
	text-align:left;
	margin-bottom:2em;
	padding:20px 0px 0px 0px;
}

#side ul {
	list-style: none;
}


/*=======================================================================================
======= 8: footer =======
========================================================================================*/
#footer {
	clear: both;
	padding: 20px 0px;
	background: #000000;
	/*margin-top:20px;*/
	color:#fff;
	font-weight:bold;
	text-align:center;
	height:100px;
	width:100%;
	font-size:11px;	
}


#footer #footer_in{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#footer #footer_in ul {
	list-style: none;
}

#footer #footer_in li {
	padding: 0px 0px 0 5px;
	width:250px;
	height:16px;
	line-height:100%;
}
#footer #footer_in li#powerd{
	width:165px;
	float: left;
}

#footer #footer_in li#copyright{
	padding-top:3px;
	float:right;
}

#footer p {
	float: right;
	margin: 0;
	padding-top: 3px;
	text-align:center;
	width:550px;
}

#footer a:link,
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/*---- footer_navi ----*/
#footer_navi {
	margin-top: -1px;
	padding: 15px 0 28px;
	border-bottom: 1px solid #727272;
	background: #E3E3E3 url(/guide/img/common/bg_footerNavi.gif) repeat-x 0 0;
}

#footer_navi_in {
	width: 892px;
	margin: 0 auto;
	padding-left: 8px;
	text-align: left;
}

p.mark_pms {
	float: right;
	width: 58px;
	padding: 60px 7px 0 0;
}

#footer_navi dl {
	float: left;
	width: 163px;
	padding-right: 47px;
}
#footer_navi dl.dl_r {
	padding-right: 0;
}
#footer_navi dt {
	padding: 5px 0 5px 13px;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	background: url(/guide/img/common/icon_arrow01.gif) no-repeat 0 50%;
}

#footer_navi li {
	list-style: none;
	padding: 7px 0 7px 5px;
	font-size: 85%;
	line-height: 1.3;
	background: url(/guide/img/common/bgline03.gif) repeat-x 0 100%;
}
* html #footer_navi li {
	font-size: 65%;
	line-height: 1.7;
}
*+html #footer_navi li {
	font-size: 65%;
	line-height: 1.7;
}

#footer_navi li a {
	color: #666666;
	padding-left: 13px;
	text-decoration: none;
	background: url(/guide/img/common/icon_arrow03.gif) no-repeat 0 50%;
}
#footer_navi li a:hover {
	text-decoration: underline;
}