@charset "UTF-8";


/*--------------------------------------------------
	スタイル・リセット
--------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, img,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	font-size : medium;
}


/*--------------------------------------------------
	基本スタイル
--------------------------------------------------*/

body {
	text-align: center;
	color: #333;
	line-height : 1.5;
	background:#fff url(../img/header_back.gif) repeat-x scroll center top;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/*--------------------------------------------------
	タグスタイル
--------------------------------------------------*/

h1, h2, h3, h4, h5 {
}
em, strong, dt, th, caption {
}

a {
}

#main a:hover, #header a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

img, object {
	border: 0;
	vertical-align: top;
}

table {
	clear: both;
	border-collapse: collapse;
}

caption {
}

td {
	vertical-align:top;
}


li {
	list-style: none;
}



#main a {
}
#main a:hover {
}
#main a img {
}

#header a, #footer a {
	color:#fff;
}


/*--------------------------------------------------
	基本配置
--------------------------------------------------*/

/* ----- ヘッダー ----- */
#header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


/* ----- ナビゲーション ----- */


/* ----- メインイメージ ----- */



/* ----- コンテンツ ----- */

#contents {
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:800px;
	text-align: left;
	overflow: hidden; /*clearfix*/
	zoom: 1; /*clearfix*/
}

/* ----- メイン ----- */
#main {
	float:right;
	width:540px;
}

/* ----- サブ ----- */
#sub {
	width:210px;
	float:left;
}

/* ----- フッター ----- */
#footer {
	clear: both;
	margin-top:20px;
}









/*--------------------------------------------------
	ヘッダ
--------------------------------------------------*/
#header {
	height:119px;
}
#header h1 {
	padding-top:15px;
	float:left;
	padding-right:15px;
}
#header h1 a {
}
#header h1 img {
}
#header p {
	padding-top:15px;
	float:left;
	padding-right:15px;
}


/*--------------------------------------------------
	ナビゲーション
--------------------------------------------------*/


/*--------------------------------------------------
	サブ
--------------------------------------------------*/
#sub {
}
#sub ul {
	background:transparent url(../img/nav_back.gif) no-repeat scroll left top;
	height:340px;
	padding:10px;
	margin-top:10px;
	
}
#sub ul li {
}
#sub ul li a {
	display:block;
	width:180px;
	height:20px;
	padding:5px;
	text-decoration:none;
	color:#333;
}
#sub ul li a:hover {
	background:transparent url(../img/navli_back.png) no-repeat scroll left center;
}
.oshirase {
	background:transparent url(../img/oshirase_back.gif) no-repeat scroll left top;
	height:100px;
	margin-top:5px;
	padding:10px;
	font-size:small;
}

/*--------------------------------------------------
	メイン
--------------------------------------------------*/
#main p {
	margin-bottom:20px;
}
#main h2 {
	margin-bottom:15px;
	font-size:large;
	clear:both;
}


/*--------------------------------------------------
	フッタ
--------------------------------------------------*/

#footer {
	background:#360 url(../img/footer_back.gif) repeat-x scroll center top;
	color:#fff;
	padding:10px 0px;
}
#footer_img {
	padding-top:10px;
	padding-bottom:10px;
	width:800px;
	margin:0px auto;
	background:transparent url(../img/footer_img.gif) no-repeat scroll left top;
}
#footer address {
	width:800px;
	margin:0px auto;
	text-align:right;
	font-style:normal;
}
#footer address strong {
}

#footer p {
	width:800px;
	margin:0px auto;
	text-align:right;
	font-size:x-large;
}




#page_top {
	clear:both;
	text-align:right;
}
#page_top a {
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#page_top a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}






/*--------------------------------------------------
	共有スタイル
--------------------------------------------------*/

.border {
	border: 1px solid #999;
	padding:3px;
	background-color:#fff;
}

.img_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border:1px solid #999;
	padding:3px;
	background-color:#fff;
}
.img_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border:1px solid #999;
	padding:3px;
	background-color:#fff;
}

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}

.text_small {
	font-size:small;
}
.text_backcolor {
	background-color:#f9f9f9;
	padding: 5px;
	text-align: center;
	margin-left:15px;
}

#contents .mtop_0 {
	margin-top: 0;
}
#contents .mtop_5 {
	margin-top: 5px;
}
#contents .mtop_10 {
	margin-top: 10px;
}
#contents .mtop_15 {
	margin-top: 15px;
}
#contents .mtop_20 {
	margin-top: 20px;
}
#contents .mtop_30 {
	margin-top: 30px;
}
#contents .mtop_50 {
	margin-top: 50px;
}
#contents .mright_6 {
	margin-right:6px;
}
#contents .mright_10 {
	margin-right:10px;
}
#contents .mleft_10 {
	margin-left:10px;
}

#contents .ptop_16 {
	padding-top:16px;
}



/* ===== 共有スタイル ================================================== */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
zoom:1;
}