@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight:normal;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
body {
	line-height:1;
	color:#ccc;
	font-size:12px;
	text-align:center;
	background-image:url("../images/bg2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}



img {
	border: none;
	vertical-align: top;
}
/* link
--------------------------------------------*/ 
a{color: #ccc; text-decoration:underline;}
a:visited{color: #ccc; text-decoration: underline;}
a:hover{color: #ffffff;	text-decoration: underline;}
a:active{color: #ffffff; text-decoration: none;}
a:focus {outline:none;
/**/
	overflow: hidden;
/**/}

/*layout
--------------------------------------------*/ 
#top_wrapper,#wrapper,#blog_wrapper {
	width:900px;
	margin:0 auto;
	background:url(../images/bg2.jpg) 26px top repeat-y;
}

#logo {

}
#header {
	position:relative;
	width:900px;
	height:26px;
	margin:0 auto;
	padding-top:17px;
	text-align:left;
	background-color:#000;
}
#container {
	width:780px;
	padding:48px 60px 70px 60px;
	text-align:left;
	background:url(../images/bg1.jpg) 26px top no-repeat;
}

#blog_wrapper #container {
	background:url(../images/blog_bg.jpg) 26px top no-repeat;
}

#top_wrapper #container {
	background:url(../images/top_bg.jpg) 26px top no-repeat;
}	
	
#side {
	width:160px;
	float:left;
}
.main {
	width:600px;
	float:right;
	text-align:left;
	position:relative;
	min-height:367px;
	height:auto !important;
	height:367px;
}
#flash_box {padding-left:23px}	

#footer {
	clear:both;
	width:900px;
	height:70px;
	background:url(../images/bg3.png) 26px bottom no-repeat; 
	text-align:left;
	margin-top:-70px;
}
#copy {	padding:50px 0 10px}	

.pg {margin-bottom:1.5em; line-height:1.5}
.margin_b10 {margin-bottom:10px;}
.margin_b15 {margin-bottom:15px;}		
.margin_b20 {margin-bottom:20px;}
.margin_b25 {margin-bottom:25px;}
.margin_b30 {margin-bottom:30px;}
.margin_r50 {margin-right:50px}
.margin_t20 {margin-top:20px;}
.pad_b10 { padding-bottom:10px}
.pad_b20 { padding-bottom:20px}
.txt_c {text-align:center}
.txt_r {text-align:right}
.txt_l {text-align:left}
.float_l {float:left}
.float_r {float:right}

/* navi
--------------------------------------------*/ 
ul#navi li {
	width:160px;
	height:37px;
	margin-bottom:25px;
}
ul#navi li a {
	width:160px;
	height:37px;
	display:block;
	text-indent:-9999px; 
	text-decoration:none; 
	overflow:hidden;
}	
ul#navi li#nav01 a {background:url(../images/navi_red.png) 0 0 no-repeat}
ul#navi li#nav02 a {background:url(../images/navi_red.png) 0 -70px no-repeat}
ul#navi li#nav03 a {background:url(../images/navi_red.png) 0 -140px no-repeat}
ul#navi li#nav04 a {background:url(../images/navi_red.png) 0 -210px no-repeat}
ul#navi li#nav05 a {background:url(../images/navi_red.png) 0 -280px no-repeat}
ul#navi li#nav01 a:hover {background-position:-160px 0}	
ul#navi li#nav02 a:hover {background-position:-160px -70px}
ul#navi li#nav03 a:hover {background-position:-160px -140px}	
ul#navi li#nav04 a:hover {background-position:-160px -210px}	
ul#navi li#nav05 a:hover {background-position:-160px -280px}
ul#navi li#nav03 a.select {background-position:-320px -140px}	

/* head menu
-------------------------------*/
#h_menu {
	position:absolute;
	right:0;
	top:20px;
}	
#h_menu li {
	display:inline;
	margin-left:10px;
}

	
/*clearfix
--------------------------------------------*/ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */		

.clear {
	clear:both;
}@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight:normal;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
body {
	line-height:1;
	color:#ccc;
	font-size:12px;
	text-align:center;
	background-color:#000;
}



img {
	border: none;
	vertical-align: top;
}
/* link
--------------------------------------------*/ 
a{color: #ccc; text-decoration:underline;}
a:visited{color: #ccc; text-decoration: underline;}
a:hover{color: #ffffff;	text-decoration: underline;}
a:active{color: #ffffff; text-decoration: none;}
a:focus {outline:none;
/**/
	overflow: hidden;
/**/}

/*layout
--------------------------------------------*/ 
#top_wrapper,#wrapper,#blog_wrapper {
	width:900px;
	margin:0 auto;
	background:url(../images/bg2.jpg) 26px top repeat-y;
}

#logo {

}
#header {
	position:relative;
	width:900px;
	height:26px;
	margin:0 auto;
	padding-top:17px;
	text-align:left;
	background-color:#000;
}
#container {
	width:780px;
	padding:48px 60px 70px 60px;
	text-align:left;
	background:url(../images/bg1.jpg) 26px top no-repeat;
}

#blog_wrapper #container {
	background:url(../images/blog_bg.jpg) 26px top no-repeat;
}

#top_wrapper #container {
	background:url(../images/top_bg.jpg) 26px top no-repeat;
}	
	
#side {
	width:160px;
	float:left;
}
.main {
	width:600px;
	float:right;
	text-align:left;
	position:relative;
	min-height:367px;
	height:auto !important;
	height:367px;
}
#flash_box {padding-left:23px}	

#footer {
	clear:both;
	width:900px;
	height:70px;
	background:url(../images/bg3.png) 26px bottom no-repeat; 
	text-align:left;
	margin-top:-70px;
}
#copy {	padding:50px 0 10px}	

.pg {margin-bottom:1.5em; line-height:1.5}
.margin_b10 {margin-bottom:10px;}
.margin_b15 {margin-bottom:15px;}		
.margin_b20 {margin-bottom:20px;}
.margin_b25 {margin-bottom:25px;}
.margin_b30 {margin-bottom:30px;}
.margin_r50 {margin-right:50px}
.margin_t20 {margin-top:20px;}
.pad_b10 { padding-bottom:10px}
.pad_b20 { padding-bottom:20px}
.txt_c {text-align:center}
.txt_r {text-align:right}
.txt_l {text-align:left}
.float_l {float:left}
.float_r {float:right}

/* navi
--------------------------------------------*/ 
ul#navi li {
	width:160px;
	height:37px;
	margin-bottom:25px;
}
ul#navi li a {
	width:160px;
	height:37px;
	display:block;
	text-indent:-9999px; 
	text-decoration:none; 
	overflow:hidden;
}	
ul#navi li#nav01 a {background:url(../images/navi.png) 0 0 no-repeat}
ul#navi li#nav02 a {background:url(../images/navi.png) 0 -70px no-repeat}
ul#navi li#nav03 a {background:url(../images/navi.png) 0 -140px no-repeat}
ul#navi li#nav04 a {background:url(../images/navi.png) 0 -210px no-repeat}
ul#navi li#nav05 a {background:url(../images/navi.png) 0 -280px no-repeat}
ul#navi li#nav01 a:hover {background-position:-160px 0}	
ul#navi li#nav02 a:hover {background-position:-160px -70px}
ul#navi li#nav03 a:hover {background-position:-160px -140px}	
ul#navi li#nav04 a:hover {background-position:-160px -210px}	
ul#navi li#nav05 a:hover {background-position:-160px -280px}
ul#navi li#nav03 a.select {background-position:-320px -140px}	

/* head menu
-------------------------------*/
#h_menu {
	position:absolute;
	right:0;
	top:20px;
}	
#h_menu li {
	display:inline;
	margin-left:10px;
}

	
/*clearfix
--------------------------------------------*/ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */		

.clear {
	clear:both;
}