@charset "shift_jis";

/* ===========================================================
■□ブラウザのスタイルをリセット
=========================================================== */
body,div,p,h1,h2,h3,h4,h5,h6,form,fieldset,blockquote,table,th,td,dl,dt,dd{
	margin:0px;
	padding:0px;
}
img,a img{
	margin:0px;
	padding:0px;
	border:0px;
}
fieldset{
	border:0px;
}
input,textarea{
	font-size:100%;
}
table{
	border-collapse:separate;
	border-spacing:0px;
	border:none;
}
th{
	text-align:left;
}
ul,ol,li{
	margin:0px;
	padding:0px;
	list-style:none;
}
dl,dt,dd{
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:110%;
}
em,strong,address,caption,cite,code,pre,dfn{
	font-style:normal;
}

/* ===========================================================
■□テキストの設定
=========================================================== */
/* ベースのテキスト
----------------------------------------------------------- */
body{
	font-size:12px;
	font-family:Verdana,Tahoma,"Hiragino Kaku Gothic Pro W3","MS P Gothic";
	color:#646464;
}
/* for IE6 */
* html body{font-size:75%;}
* html td,* html th{font-size:75%;}
/* for IE7 */
*:first-child+html body{font-size:75%;}

/* リンク
----------------------------------------------------------- */
#footer a{
	color:#646464;
}

/* ===========================================================
■□ページの設定
=========================================================== */
html{
	height:100%;
}
body{
	height:100%;
	background:url(../images/bg_body.gif) no-repeat bottom;
}
* html #wrapper{
	height:100%;
}
#wrapper{
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	background:url(../images/bg_wrapper.gif) repeat-y center top;
}
body > #wrapper{
	height:auto;
}

/* ===========================================================
■□レイアウト
=========================================================== */
/* ヘッダー
----------------------------------------------------------- */
#header{
	text-align:center;
	background:url(../images/bg.gif) repeat-x left top;
}
#header .inner_block{
	margin:0px auto;
	width:880px;
	text-align:left;
}

/* メイン
----------------------------------------------------------- */
#container{
	padding-bottom:120px;
}
#container .inner_block{
	margin:0px auto;
	width:880px;
	text-align:left;
}

/* フッター
----------------------------------------------------------- */
#footer{
	position:absolute;
	width:100%;
	height:120px;
	left:0px;
	bottom:0px;
	background:url(../images/bg_bottom.gif) repeat-x left bottom;
}
#footer .inner_block{
	margin:0px auto;
	width:880px;
	text-align:left;
}

/* float解除
----------------------------------------------------------- */
.inner_block:after{content:url(../images/item/fix.gif);height:0px;display:block;clear:both;}
.inner_block{display:inline-block;}
.inner_block{display:block;}
/* hide from IE-mac \*/
.inner_block{overflow:hidden;} 
/* */

/* 2列
----------------------------------------------------------- */
#caram_left{
	width:640px;
	float:left;
}
#caram_right{
	width:220px;
	float:right;
}

/* ===========================================================
■□共通部分
=========================================================== */
/* 概要
----------------------------------------------------------- */
.summary{
	margin:10px 20px 0px 20px;
	height:35px;
	background:url(../images/bg_summary.gif) no-repeat left top;
	font-weight:normal;
}

/* ロゴ
----------------------------------------------------------- */
.logo{
	width:220px;
	float:right;
}

/* バナー
----------------------------------------------------------- */
.banner_top{
	margin-left:20px;
	width:600px;
	float:left;
	text-align:center;
}
.banner_top img{
	margin:0px auto;
}

/* パンくず
----------------------------------------------------------- */
.breadcrumbs{
	margin:5px 20px;
	font-size:84%;
}

/* メニュー
----------------------------------------------------------- */
/* サイド */
#container .navigation{
	margin-bottom:20px;
	padding:10px;
	background:url(../images/bg_side_navigation.gif) no-repeat left top;
}
#container .navigation ul{
	width:210px;
}
#container .navigation li{
	line-height:110%;
}
#container .navigation li.item{
	width:210px;
	height:25px;
	overflow:hidden;
}

#container .navigation li.item a{
	color:#fff;
	text-decoration:none;
}
#container .navigation li.sec{
	padding:5px 0px 0px 10px;
}

/* 下 */
#footer .navigation{
	margin-top:20px;
}
#footer .navigation ul{
	margin-bottom:5px;
	border-left:dotted 1px #999999;
}
#footer .navigation li{
	padding:0px 5px;
	display:inline;
	float:left;
	font-size:84%;
	line-height:110%;
	border-right:dotted 1px #999999;
}

/* ページの先頭へ
----------------------------------------------------------- */
#footer .pagenavi{
	text-align:right;
}

/* コピーライト
----------------------------------------------------------- */
.copyright{
	margin-top:30px;
	font-size:15px;
}

/* ===========================================================
■□本文
=========================================================== */
.section_box{
	margin:0px 20px 30px 20px;
	width:600px;
}
.section_box p{
	margin:10px 0px;
	line-height:140%;
}

/* float解除
----------------------------------------------------------- */
.section_box:after{content:url(../images/item/fix.gif);height:0px;display:block;clear:both;}
.section_box{display:inline-block;}
.section_box{display:block;}
/* hide from IE-mac \*/
.section_box{overflow:hidden;} 
/* */

/* 見出し
----------------------------------------------------------- */
.section_title{
	margin-top:20px;
	background:url(../images/hdr_bg.gif) no-repeat left top;
}
.section_subtitle{
	margin:0px 20px;
}

/* ===========================================================
■□その他
=========================================================== */
/* 段落寄せ
----------------------------------------------------------- */
.align-left{
	float:left;
	margin-right:10px;
}
.align-right{
	float:right;
	margin-left:10px;
}
.align-center{text-align:center;}
.align-center img{margin:0px auto;}

/* テーブル
----------------------------------------------------------- */
.section_box table{
	margin:10px 0px;
	width:100%;
	border-collapse:separate;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
.section_box table th,
.section_box table td{
	padding:10px;
	border-collapse:separate;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
.section_box table th{
	background-color:#f0f0f0;
}

/* リスト
----------------------------------------------------------- */
.section_box ul{
	margin:10px 0px;
}
.section_box ul li{
	margin-bottom:4px;
	padding-left:20px;
}

.section_box dl{
	margin:10px 0px;
}
.section_box dl dt{
	margin-bottom:5px;
}
.section_box dl dd{
}

/* エラー
----------------------------------------------------------- */
em{
	color:#006699;
}

/* float解除
----------------------------------------------------------- */
ul:after,dl:after{content:url(../images/item/fix.gif);height:0px;display:block;clear:both;}
ul,dl{display:inline-block;}
ul,dl{display:block;}
/* hide from IE-mac \*/
ul,dl{overflow:hidden;} 
/* */

.pr{
	margin:10px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}