@charset "utf-8";



/* IE用スクロールバー設定
--------------------------------------------------------------------*/
html {
	scrollbar-3dlight-color:#000000;
	scrollbar-highlight-color:#333333;
	scrollbar-face-color:#000000;
	scrollbar-arrow-color:#333333;
	scrollbar-shadow-color:#333333;
	scrollbar-darkshadow-color:#000000;
	scrollbar-track-color:#000000;
}



/* body他全般設定
--------------------------------------------------------------------*/
body {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	/* text-align: center; */
	/* font: 75%/3 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */
	background: #000000 url(../img/bg.gif) repeat-x top;
	
	font-size: 75% ;
	*font-size:medium ;
	font-family:Verdana, Helvetica, Geneva, Arial, sans-serif ;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #FD4B61;
}
textarea {
	font-size: 100%;
}
.color1 {
	color: #FD4B61;
	border-bottom: 1px dotted #FD4B61;
	padding-right: 10px;
	padding-left: 10px;
}
.l {
	text-align: left;
}
.look {
	background: #222222;
}
/* 基本文字色
--------------------------------------------------------------------*/
.color_red {
color: #FD4B61;
}

.color_green {
	color:#009999;
	}
/* 箇条書き
--------------------------------------------------------------------*/
ul.kajougaki {
list-style-type:square ;
}

/* テーブルの修飾
--------------------------------------------------------------------*/

.table_02 th {
border-bottom: 1px solid #666666;
}

.table_02 td {
border-bottom: 1px solid #666666;
}

.table_02 th.th_bc01 {
background-color:#262626;
border-bottom: 1px solid #000000;
}


.table_01 th.th_bc02 {
background-color:#006633;
border-bottom: 1px solid #000000;
}

.table_01 td {
border-bottom: 1px solid #666666;
}


/* コンテナー
--------------------------------------------------------------------*/
#container {
	margin: 10px auto auto;
	width: 988px;/* 850 */
}



/* ヘッダーのh1タグ設定
--------------------------------------------------------------------*/
#header h1 {
	text-align:center;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0.2em;
	height: 30px;
	line-height: 30px;
}

/* メニュー
--------------------------------------------------------------------*/
ul#menu {
	padding-left: 10px;
}
ul#menu li {
	float: left;
	width: 133px;
	margin-left: 4px;
	height: 46px;
}
ul#menu img {
	vertical-align: bottom;
}



/* メイン画像（フロート解除）
--------------------------------------------------------------------*/
#mainimg {
	clear: left;
}

/* 天気（レポート1）
--------------------------------------------------------------------*/
#report {
	margin-top:3px;
}

#report h2 {
	float: left;
	font-size: 100%;
	color:#009999;
	margin-right:1em;
	text-align:right ;
	/* border: 3px double #1e1e1e; */
	/* letter-spacing: 0.2em; */
	background: #000000;
	/* text-align: center; */
	
}

/* レポート2
--------------------------------------------------------------------*/
#report_2 {
	margin-top:3px;
}

#report_2 h2 {
	font-size: 125%;
	/*border: 3px double #1e1e1e; */
	letter-spacing: 0.2em;
	/*background-color:#262626;*/
	color:#FFCC33;
	/*background: #000000;*/
	/*text-align: center;*/
}

/* #report_2 p {
	padding-top: 0.5em;
	padding-bottom: 1em;
} */


/* メインコンテンツ（左側ブロック）
--------------------------------------------------------------------*/
#main {
	float: left;
	width: 556px; /*487px*/
	display: inline;
	margin-left: 21px;
	padding-bottom: 50px;
}



/* サブコンテンツ（右側ブロック）
--------------------------------------------------------------------*/
#sub {
	float: right;
	width: 331px;/*262px*/
	display: inline;
	margin-right: 21px;
	padding-bottom: 50px;
}

#sub h3 {
	font-size: 120%;
	color:#009999;
	margin-top:3px;
	margin-bottom:3px;
	/*border-bottom: 1px solid #ffffff;*/
}


/* 左右のコンテンツ
--------------------------------------------------------------------*/
#contents {
	clear: left; /*追加*/
	background: url(../img/contents_bg.gif) no-repeat top;
	margin-top: 15px;
	padding-top: 15px;
}

#contents2 {
	clear: left; /*追加*/
	/*background: url(../img/contents_bg.gif) no-repeat top;*/
	margin-top: 15px;
	padding-top: 15px;
}
#contents h2 {
	font-size: 125%;
	border: 3px double #1e1e1e;
	letter-spacing: 0.2em;
	background-color:#262626;
	color:#FFCC33;
	/*background: #000000;*/
	text-align: center;
}

#contents2 h2 {
	width:100%;
	font-size: 125%;
	border: 3px double #1e1e1e;
	letter-spacing: 0.2em;
	background-color:#262626;
	color:#FFCC33;
	/*background: #000000;*/
	text-align: center;
}

#main h3 {
	font-size: 115%;
	margin-top:0.5em;
	padding-left:1em;
	border: 3px double #1e1e1e;
	/*letter-spacing: 0.2em;*/
	/*background-color:#262626;*/
	color:#FD4B61;
	/*background: #000000;*/
	/*text-align: center;*/
}

#main h4 {
	font-size: 100%;
	margin-top:0.5em;
	padding-left:1em;
	/*border: 3px double #1e1e1e;*/
	/*letter-spacing: 0.2em;*/
	/*background-color:#262626;*/
	color:#009999;
	/*background: #000000;*/
	text-align: center;
}

#main p {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left:4em;
}

/* ボックス
--------------------------------------------------------------------*/
.box1 {
width:75%;
margin-left:auto;
margin-right:auto;
border: 3px double #1e1e1e;
}

#main .box1 p{
	padding: 0 2em 1em 2em;
}

/* フッター
--------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align:center;
	font-size: 10px;
	padding-top: 50px;
	padding-bottom: 20px;
	width: 100%;
}

/* マージン
------------------------------------------------------------------*/
	/* 各種マージン
	----------------------------------------------- */
		/* margin top */
		.mt2  {margin-top: 2px;}
		.mt4  {margin-top: 4px;}
		.mt6  {margin-top: 6px;}
		.mt7  {margin-top: 7px;}
		.mt8  {margin-top: 8px;}
		.mt10 {margin-top:10px;}
		.mt12 {margin-top:12px;}
		.mt14 {margin-top:14px;}
		.mt16 {margin-top:16px;}
		.mt17 {margin-top:17px;}
		.mt20 {margin-top:20px;}
		.mt28 {margin-top:28px;}
		.mt25 {margin-top:25px;}
		.mt32 {margin-top:32px;}
		.mt40 {margin-top:40px;}
		
		/* margin left */
		.ml2  {margin-left: 2px;}
		.ml4  {margin-left: 4px;}
		.ml6  {margin-left: 6px;}
		.ml7  {margin-left: 7px;}
		.ml8  {margin-left: 8px;}
		.ml9  {margin-left: 9px;}
		.ml10 {margin-left:10px;}
		.ml11 {margin-left:11px;}
		.ml12 {margin-left:12px;}
		.ml15 {margin-left:15px;}
		.ml16 {margin-left:16px;}
		.ml16 {margin-left:16px;}
		.ml18 {margin-left:18px;}
		.ml20 {margin-left:20px;}
		.ml24 {margin-left:24px;}
		.ml32 {margin-left:32px;}
		.ml40 {margin-left:40px;}
		.ml347 {margin-left:347px;}
		
		/* margin bottom */
		.mb2  {margin-bottom: 2px;}
		.mb4  {margin-bottom: 4px;}
		.mb6  {margin-bottom: 6px;}
		.mb8  {margin-bottom: 8px;}
		.mb10 {margin-bottom:10px;}
		.mb12 {margin-bottom:12px;}
		.mb14 {margin-bottom:14px;}
		.mb16 {margin-bottom:16px;}
		.mb20 {margin-bottom:20px;}
		.mb32 {margin-bottom:32px;}
		.mb40 {margin-bottom:40px;}
		
		/* margin right */
		.mr2  {margin-right: 2px;}
		.mr4  {margin-right: 4px;}
		.mr6  {margin-right: 6px;}
		.mr8  {margin-right: 8px;}
		.mr10 {margin-right:10px;}
		.mr12 {margin-right:12px;}
		.mr14 {margin-right:14px;}
		.mr15 {margin-right:15px;}
		.mr16 {margin-right:16px;}
		.mr20 {margin-right:20px;}
		.mr32 {margin-right:32px;}
		.mr40 {margin-right:40px;}
		.mr50 {margin-right:50px;}
		

	/* 各種パディング
	----------------------------------------------- */
		
		/* padding top */
		.pt2  {padding-top: 2px;}
		.pt4  {padding-top: 4px;}
		.pt6  {padding-top: 6px;}
		.pt8  {padding-top: 8px;}
		.pt10 {padding-top:10px;}
		.pt12 {padding-top:12px;}
		.pt14 {padding-top:14px;}
		.pt16 {padding-top:16px;}
		.pt20 {padding-top:20px;}
		.pt25 {padding-top:25px;}
		.pt32 {padding-top:32px;}
		.pt40 {padding-top:40px;}
		
		/* padding left */
		.pl2  {padding-left: 2px;}
		.pl4  {padding-left: 4px;}
		.pl6  {padding-left: 6px;}
		.pl8  {padding-left: 8px;}
		.pl10 {padding-left:10px;}
		.pl12 {padding-left:12px;}
		.pl13 {padding-left:13px;}
		.pl14 {padding-left:14px;}
		.pl16 {padding-left:16px;}
		.pl20 {padding-left:20px;}
		.pl32 {padding-left:32px;}
		.pl40 {padding-left:40px;}
		
		/* padding bottop */
		.pb2  {padding-bottop: 2px;}
		.pb4  {padding-bottop: 4px;}
		.pb6  {padding-bottop: 6px;}
		.pb8  {padding-bottop: 8px;}
		.pb10 {padding-bottop:10px;}
		.pb12 {padding-bottop:12px;}
		.pb14 {padding-bottop:14px;}
		.pb16 {padding-bottop:16px;}
		.pb20 {padding-bottop:20px;}
		.pb32 {padding-bottop:32px;}
		.pb40 {padding-bottop:40px;}
		
		/* padding right */
		.pr2  {padding-right: 2px;}
		.pr4  {padding-right: 4px;}
		.pr6  {padding-right: 6px;}
		.pr8  {padding-right: 8px;}
		.pr10 {padding-right:10px;}
		.pr12 {padding-right:12px;}
		.pr14 {padding-right:14px;}
		.pr16 {padding-right:16px;}
		.pr20 {padding-right:20px;}
		.pr32 {padding-right:32px;}
		.pr40 {padding-right:40px;}

/* lightbox用設定
--------------------------------------------------------------------*/
.gallery {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gallery a img {
	padding: 5px;
	border: 1px solid #222222;
	margin: 2px;
}
.gallery a:hover img {
	margin: 2px;
	padding: 5px;
	border: 1px solid #666666;
}



/*clearfix
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac ¥*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */

