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

div#bgColor{
	background: #FFF;
	border-bottom: 1px solid #000000;
}

div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 818px;
	min-height:381px;
	height: auto !important;
	height: 381px;
	position: relative;
}

div#mainImgBox div#mainMessageBox{
	width: 277px;
	min-height:381px;
	height: auto !important;
	height: 381px;
	background:url(../img/common/bg_white-trans.png);
	border-left: 1px solid #dedede;
	border-right: 1px solid #efefef;
	z-index: 2;
	position: absolute;
	text-shadow: 1px 1px 1px #fff;
}

	div#mainImgBox div#mainMessageBox strong{
		font-weight: bold;
		font-size: 18px;
		display: block;
		padding: 0px 20px 10px;
	}
	div#mainImgBox div#mainMessageBox strong #sub{
		font-size: 13px;
	}
	div#mainImgBox div#mainMessageBox span{
		padding: 0 20px;
		display: block;
		line-height: 1.9;
	}


/* スライドショー */

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.slides_container {
	width: 818px;
	height: 381px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container div.slide {
	width:818px;
	height:381px;
	display:block;
}

.slides_container a {
	width:818px;
	height:381px;
	display:block;
}

.slides_container a img {
	display:block;
}

.pagination {
	position:absolute;
	top: 390px;
	right: 5px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	right:10px;
	bottom:10px;
	/* height:30px; */
	padding:5px 20px 5px 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	/* width:150px; */
	font-size:12;
	line-height:1.33;
	color:#fff;
	border:1px solid #000;
	text-shadow:none;
}

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


div#mainContents{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}

	/* ３つのトピックス */
	div#mainContents div.topicsBox{
		width: 295px;
		float: left;
		margin-left: 33px;
		margin-bottom: 75px;
	}

	div#mainContents div.firstItem{
		margin-left: 0;
	}

	div#mainContents div.topicsBox strong{
		margin-bottom: 15px;
		font-weight: bold;
		display: block;
		font-size: 14px;
		border-bottom: 1px #dedede solid;
	}

	div#mainContents div.topicsBox span{
		line-height: 1.8;
		display: block;
		text-align: justify;
		margin-bottom: 8px;
	}


/*************************************************テキストカラー・リンクテキストカラー************************/

body{
	color:#333333;/*通常のテキストカラー*/
	}
a{
	color:#003366;/*通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}
a:hover{
	color:#0099CC;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}
/*************************************************フォントサイズ調整******************************************/
body {
	font-family:'メイリオ', 'Mairyo', 'Hiragino Kaku Gothic Pro',	'ヒラギノ角ゴ Pro W3', 'Osaka',	'ＭＳ Ｐゴシック', sans-serif;/*フォント種*/
	font-size:12px;/*フォントサイズfirefox用*/
	*font-size:75%;/*フォントサイズIE7.0用（固定にする場合はpx指定してください）*/
	*font:75%;/*フォントサイズIE6.0用（固定にする場合はpx指定してください）*/
	}
*{ margin:0; padding:0;}
img{ border:0;}
body{
	text-align:center;
	}
table,div{
	margin:auto;
	}



/*************************************************共通セレクタ*************************************************/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}
/*************************************************基本レイアウト***********************************************/

#bg{
	width:820px;
	background:url(../img/common/bg_con.gif) repeat-y;
	text-align:center;
	}
#container{
	width:818px;
	margin:0 1px 0 1px;
	text-align:left;
	}

h1{
	height:20px;
	line-height:16px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-indent:10px;
	}
h1 a{
	color:#333333;
	text-decoration:none;
	}
h1 a:hover{
	color:#333333;
	}
/*ロゴ部分*/
h2{
	height:38px;
	font-weight:bold;
	text-indent:10px;
	display:block;
	padding:6px 0 0 0;
	}
h2 a{
	font-size:28px;
	line-height:38px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

h2 a:hover{
	color:#333333;
	text-decoration:underline;
	}
/*サブページタイトル*/
h3{
	clear:left;
	margin:0 0 0 0;
	font-size:18px;
	font-weight:normal;
	background:url(../img/common/bg_h2.gif) no-repeat;
	height:38px;
	line-height:38px;
	margin:4px 1px 0 1px;
	width:816px;
	text-indent:20px;
	}
/*ヘッダーメニュー*/
#head_menu{
	width:818px;
	background:url(../img/common/bg_menu.gif) no-repeat;
	text-align:right;
	font-size:10px;
	height:44px;
	color:#FFFFFF;
	}
#head_menu ul{
	list-style-type:none;
	padding:1px 0 0 1px;
	}
#head_menu ul li{
	float:left;
	background:url(../img/common/bg_menu_sub.gif) right no-repeat;
	padding:0 15px 0 13px;
	font-size:10px;
	text-align:center;
	height:42px;
	line-height:42px;
	}

#head_menu a{
	color:#ffffff;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	height:25px;
	vertical-align:middle;
	margin:0 4px 0 4px;
	}
#head_menu a:hover{
	color:#FF0066;
	}
/*コンテンツ枠*/
#contents{
	margin:6px 10px 0px 10px;
	padding:0 0 20px 0;
	zoom:100%;

	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
/*フラッシュ部分*/
#main_flash{
	width:816px;
	height:260px;
	padding:1px;
	border:solid #333333;
	border-width:0 0 1px 0;
	}
/*フッターコピーライト部分*/
#copy{
	width:820px;
	margin:auto;
	background:url(../img/common/bg_foot.gif) no-repeat;
	text-align:center;
	height:41px;
	line-height:41px;
	font-size:11px;
	color:#ffffff;
	clear:both;
	}
#copy a{
	color:#ffffff;
	text-decoration:none;
	}
#copy a:hover{
	color:#ffffff;
	}

/*************************************************トップページ************************************************/
#top{}
#top h3{
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	color:#333333;
	background:none;
	height:auto;
	text-indent:0;
	}
#top p{
	line-height:1.8em;
	}
#top div#top_btm{
	zoom:100%;
	}
#top div#top_btm:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#top div#left{
	float:left;
	width:420px;
	}
#top div#left h4{
	font-size:12px;
	margin:6px 0 0 0;
	}
#top div#left div#info{
	background:url(../img/top/bg_info.gif);
	width:420px;
	}
#top div#left div#info div#info_main{
	background:url(../img/top/bg_info_main.gif) repeat-y;
	text-align:left;
	}
#top div#left div#info div#info_main div.main_in{
	overflow:auto;
	width:418px;
	height:200px;
	margin:0 0 0 1px;
	}

#top div#left div#info div#info_main h5{
	padding:8px 10px 0 10px;
	font-size:11px;
	}
#top div#left div#info div#info_main p{
	padding:2px 10px 0 10px;
	}
#top div#right{
	float:left;
	width:350px;
	margin:0 0 0 20px;
	}
#top div#left2{
	float:left;
	width:540px;
	}
#top div#right2{
	float:left;
	width:230px;
	margin:0 0 0 20px;
	}
#top div#right div#bnr_sps{
	margin:28px 0 0 0;}
#top div#right div#bnr_sps div.bnr{
	width:350px;
	height:120px;
	margin:0 0 20px 0;
	}
#top div#right div#bnr_sps div.bnr p{
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	}
#top div#right div#bnr_sps div.bnr p a{
	width:346px;
	height:120px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-indent:8px;
	}
#top div#right div#bnr_sps div.bnr p a span{
display:block;
padding:94px 2px 0 2px;
	}
#top div#right div#bnr_sps p a:hover{
	font-size:16px;
	}

/*************************************************その他のページ*************************************************/
#other_page{
	margin:0 10px 0 10px;
	}
#other_page h4{
	background:url(../img/common/bg_h3.gif) no-repeat left top;
	text-indent:15px;
	font-size:13px;
	color:#333333;
	margin:20px 0 0 0;
	line-height:1.0em;
	clear:left;
	}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#003333;
	clear:left;
	}
#other_page div.typeA{
	clear:left;
	}
#other_page div.typeA p{
	margin:2px 0 0 0;
	line-height:160%;
	}
#other_page div.typeB{
	margin:2px 0 10px 0;
	line-height:160%;
	clear:left;
	zoom:100%;
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	}
#other_page div.typeB div.left{
	float:left;
	width:375px;
	}
#other_page div.typeB div.right{
	float:left;
	width:375px;
	margin:0 0 0 20px;
	}
#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}
#other_page ol li{
	margin:0 0 0 30px;
}
#other_page ul li{
	margin:2px 0 0 15px;
}

/*テーブルセット*/
#tbl_setA{
	/*border:#333333 solid 1px;*/
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#333333 solid 1px;
	background:url(../img/bg_th_a.gif);
	padding:6px;
	color:#333333;
	text-align:center;
	}
#tbl_setA td{
	border:#333333 solid 1px;
	padding:6px;
}

/*************************************************印刷用*************************************************/

@media print{

#container{
	width:818px;
	}
}

/* 広告表示 */
*{
	margin:0;
	padding:0;
}
.pr_design_box{
	line-height:30px;
	height:30px;
	text-align:center;
	font-size:12px;
	position:relative;
}
.pr_design ul{
}
.pr_design li{
	display:inline;
}
.pr_design_02{
	margin-left:7px;
}
.pr_design_copy{
	position:absolute;
	right:5px;
	bottom:0px;
}