/**************************/
/***      共通      ***/
/**************************/

/*utf-8の場合*/
@charset "utf-8";

body {
	font-size:87.5%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;	
	color: #333333;
	text-align:center;
	line-height:2em;
	width:100%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	display:block;
}
a:link, a:visited {
	color:#0066cc;
}
a:hover {
	color:#0099ff;
}
a img {
	border:none;
}

.mb13 { margin: 0 0 13px 0; }

.mt13 { margin: 13px 0 0 0; }

.clear { clear: both; }

.fb_normal {
	font-weight: bold;
}

/**************************/
/***      ヘッダー      ***/
/**************************/

#header_bg {
	background: url(../img/common/header_bg.gif) repeat-x top left;
	height: 222px;
}

header {
	display:block;
	width: 998px;
	margin:0 auto;
	text-align:left;
}

nav {
	float:left;
	clear:both;
	width:998px;
	height:222px;
	overflow:hidden;
}
nav ul {
	padding:0px;
	list-style-type:none;
	display:inline;
}
nav li {
	margin:6px 0 0 0;
	padding:0px;
	list-style-type:none;
	float:left;
}
nav a:link, nav a:visited {
	float:left;
}

/**************************/
/***      パンくず      ***/
/**************************/
div#pankuzu {
	background: url(../img/common/pankuzu_bg.gif) repeat-x top left;
	width: 100%;
	height: 30px;
	margin: 0 0 22px 0;
}

div#pankuzu ul {
	width: 998px;
	text-align: left;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

div#pankuzu ul li {
	display: inline;
	margin: 0 0 0 8px;
}

/*************************************/
/***      中ページコンテンツ      ***/
/*************************************/
div#contents_bg {
	width: 100%;
	background: url(../img/common/contents_bg01.gif) repeat-x top left;
	padding: 0 0 50px 0;
}

div#contents {
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 70px 0;
}

div#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#contents {
    height: 1em;
    overflow: visible;
}
/**/

section {
	float:right;
	width:240px;
	text-align:left;
}

section#sub_nav {
	background: url(../img/common/sub_nav_bg.gif) no-repeat left bottom;
}

section ul {
	padding:0px;
	list-style:none;
	margin: 0;
}

section li {
	margin:0px;
	padding:0px;
	list-style:none;
}

section li a:link, section li a:visited {
	float:left;
	width: 190px;
	margin: 0 0 0 11px;
	height: 50px;
	border-bottom:1px dotted #e7e2d7;
	background: url(../img/common/arrow01.gif) no-repeat 10px center;
	line-height: 50px;
	padding: 0 0 0 30px;
}

section li a:hover {
	background: url(../img/common/arrow01.gif) no-repeat 10px center;
	line-height: 50px;
}

/**************************/
/***      NEW 　　      ***/
/**************************/

div#contents_detail {
	width: 998px;
	margin: 0 auto;
}

div#sub_contents {
	background: url(../img/contents_bg02.gif) no-repeat left top;
	width: 998px;
	clear: both;
	float: left;
	/*padding: 30px 0 0 15px;*/
}

div#sub_contents_l {
	width: 310px;
	float: left;
	margin: 0;
}

* html div#sub_contents_l {
	margin: 0;
	padding: 0;
}

div#contact {
	background: url(../img/common/kotira.gif) no-repeat left top;
	padding: 0 0 0 70px;
	height: 235px;
}

div#contact img {
	float: left;
}

div#contact ul li#tel_l {
		height: 117px;
}
	
div#contact ul li#form_l a {
	display: block;
	margin: 0;
	padding: 0;
	height: 64px;
}

div#contact ul li#mail_l a {
	display: block;
	margin: 0;
	padding: 0;
	height: 54px;
}

div#page_ttl {
	width: 100%;
	height:90px;
	margin: 0 auto;
	background: url(../img/common/page_ttl_bg.gif) repeat-x left top;
}

div#contents_r {
	width: 653px;
	float: right;
	margin: 0;
}

div#contents_r h4 {
	margin: 0 0 10px 0;
}

article.detail_bl {
	width: 653px;
	text-align: left;
	margin: 0 0 50px 0;
}

article.detail_bl h3 {
	margin: 0 0 25px 0;
}

article.detail_bl h4 {
	font-size: 16px;
	font-weight: bold;
}

/**************************/
/***      フッター      ***/
/**************************/

footer {
	background: url(../img/common/footer_bg.gif) repeat-x left top;
	height: 122px;
	width: 100%;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	display:block;
	clear:both;
	font-size:0.714em;
	letter-spacing:.2em;
	line-height:normal;
	text-transform:uppercase;
}

footer div#footer {
	width: 998px;
	margin: 0 auto;
}

footer div#footer p#footer_logo {
	width: 216px;
	height: 52px;
	float: right;
	padding: 15px 0 0 0;
}

footer div#footer div#footer_nav {
	width: 700px;
	height: 65px;
	float: left;
	text-align: left;
	padding: 15px 0 0 0;
	margin: 0 0 18px 0;
}

footer div#footer div#footer_nav ul {
	padding: 22px 0 0 15px;
	text-align: left;
}
footer div#footer div#footer_nav ul li {
	margin:0px;
	padding: 0 10px 0 10px;
	list-style-type:none;
	background: url(../img/common/footer_arrow.png) no-repeat center left;
	list-style-type:none;
	display:inline;
}

footer div#footer li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

footer div#copyright {
	background: url(../img/common/copyright.png) no-repeat center center;
	width: 998px;
	height: 10px;
	clear: both;
}