/* CSS DOCUMENT */


@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	line-height:normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img { 	border:0;}

a {
	color: #30A2DC;
	text-decoration:underline;
	}

a:hover {
	color: #65CAE5;
	text-decoration:none;
	}

body {
	width: 100%;
	color: #555555;
	font-size: 12px;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial,helvetica,clean,sans-serif;
	background-color: #FFFFFF;
	position: relative;
	display:block;
	text-align: center; /* center on ie */
}

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




/* レイアウト*/

.left {	float: left;}
.right {	float: right;}

hr {
	clear: both;
	visibility: hidden;
}

div.clear{
	clear: both;
	height: 1px;
	}

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

.clearfix {display: inline-table;}



/* --------------------------------------------------------------- */
/* wrapper                                                         */
/* --------------------------------------------------------------- */

#wrapper {
	width: 100%;
	text-align: center; /* center on ie */
	position: relative;
}



/* --------------------------------------------------------------- */
/* header                                                          */
/* --------------------------------------------------------------- */

#head {
	height: 165px;
	background:url(../images/head_back.gif) repeat-x top left;
}

#header {
	width: 930px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

#logo {
	margin: 0 0 10px 0;
	display:inline;
	float:left;
}


/* sub_navi */

#sub_navi_box {
	margin: 0 0 10px 0;
	height: 63px;
	width: 550px;
	text-align: right; /* right on ie */
	float: right;
}

#sub_navi_box h2.sub_navi_t{
	font-size: 10px;
	color: #999999;
	clear: both;
}

#sub_navi {
	display: inline;
}

#sub_navi li {
	list-style: none;
	display: inline;
}

#sub_navi li img {
	margin: 18px 0 8px 0;
}


/* main_navi */

#main_navi {
	margin: 10px 0 0 0;
	display: inline;
	clear: both;
}

#main_navi li {
	list-style: none;
	display: inline;
}





/* --------------------------------------------------------------- */
/* flash                                                           */
/* --------------------------------------------------------------- */

#flash {
	margin: 0 auto;
	height: 320px;
	display: block;
	background:url(../images/flash_dami.jpg) no-repeat top center;
}



/* --------------------------------------------------------------- */
/* main                                                            */
/* --------------------------------------------------------------- */

#main {
	padding: 45px 0 0 0;
	background:url(../images/main_back.gif) repeat-x top left;
}

#main2 {
	padding: 0 0 0 0;
	background:url(../images/main_back2.gif) repeat-x top left;
}

#main_sub {
	padding: 40px 0 0 0;
	background:url(../images/main_back_sub.gif) repeat-x top left;
}

#mainer {
	width: 930px;
	margin: 0 auto;
	text-align: left; /* left on ie */
	position: relative;
}

/* real_navi */

#real_navi {
	height: 85px;
	margin: 0 0 0 0;
}

#real_navi li {
	list-style: none;
	display: inline;
}




#contents {
	margin: 0 0 50px 0;
	width: 690px;
	float: left;
}

#side {
	margin: 0 0 50px 0;
	width: 200px;
	float: right;
	background-color: #FFFFFF;
	text-align: left; /* left on ie */
}

#side_info_title {
	padding: 11px 0 11px 15px;
	background-color: #E5E5E1;
	font-size: 12px;
	font-weight: bold;
	color: #6F6F6F;
}

#side_info {
	margin: 0 0 20px 0;
	padding: 10px 0 15px 15px;
	background-color: #F5F5F5;
	font-size: 10px;
	line-height: 1.4em;
	color: #6F6F6F;
}

.soons {
	padding: 100px 0 0 0;
	text-align: center; /* center on ie */
}





/* --------------------------------------------------------------- */
/* footer                                                          */
/* --------------------------------------------------------------- */

#foot {
	background:url(../images/foot_back.gif) repeat-x top left;
}

#footer {
	height: 250px;
	width: 930px;
	margin: 0 auto;
	background:url(../images/foot_contents_back.gif) repeat-x top left;
	position: relative;
}

#sitemap {
	padding: 65px 0 0 0;
	font-size: 10px;
	text-align: left; /* left on ie */
}

#sitemap a {
	color: #4CB6B6;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	background:url(../images/foot_contents_icon.gif) no-repeat center left;
}

#sitemap a:hover {
	color: #F458B1;
}

#tdo {
	width: 930px;
	top: 156px;
	position: absolute;
	margin: 5px auto;
	text-align: right; /* right on ie */
}



/* --------------------------------------------------------------- */
/* top                                                             */
/* --------------------------------------------------------------- */

/* osusume */

#osusume_title{
	margin: 0 0 15px 0;
	clear: both;
}

.osusume_cate,
.osusume_pickup {
	margin: 0 0 5px 0;
	clear: both;
}

#osusume_cate_navi {
	margin: 0 0 15px 0;
	width: 690px;
	border-top: #E5DBC3 1px solid;
	border-left: #E5DBC3 1px solid;
	background:url(../images/top_osusume_back.gif) repeat-y top left;	
}

#osusume_cate_navi ul {
}

#osusume_cate_navi ul li {
/*	display: block; */
	list-style: none;
	font-size: 14px;
	width: 50%;
	float: left;
}

* html #osusume_cate_navi ul li {	width: 344px;}

#osusume_cate_navi ul li a {
	display: block;
	padding: 14px 0 14px 35px;
	border-left: #E5DBC3 1px solid;
	border-right: #E5DBC3 1px solid;
	border-bottom: #E5DBC3 1px solid;
	background:url(../images/top_osusume_cate_back.gif) no-repeat center left;
	text-decoration: none;
}

* html #osusume_cate_navi ul li a {	width: 344px;}

#osusume_cate_navi ul li a:hover {
	background:url(../images/top_osusume_cate_back_ov.gif) no-repeat center left;
	color: #F458B1;
	text-decoration: none;
}


/* osusume_new */

.new_osusume {
	margin:0 0 30px 0;
}

.new_osusume .ken,
.new_osusume .ken_new {
	width: 160px;
	height: 235px;
	margin:0 12px 0 0;
	font-size: 10px;
	background:url(../images/osusume_new_waku.gif) no-repeat top left;
	float:left;
}

.new_osusume .ken_new {
	background:url(../images/osusume_new_waku_new.gif) no-repeat top left;
}

* html .new_osusume .ken {	margin:0 12px 0 0;}
* html .new_osusume .ken_new {	margin:0 12px 0 0;}

.new_osusume .ken p,
.new_osusume .ken_new p {
	font-size: 12px;
	width: 130px;
	padding: 0 14px;
}

.new_osusume .ken p.spot,
.new_osusume .ken_new p.spot {
	margin: 10px 0 5px 0;
}

.new_osusume .ken p.photo img,
.new_osusume .ken_new p.photo img {
	padding_top: 10px;
	border: #999999 1px solid;
}

.new_osusume .ken p.more,
.new_osusume .ken_new p.more {
	margin: 3px 0 0 0;
	font-weight: bold;
	line-height: 1.3em;
}

.new_osusume .ken p.more a,
.new_osusume .ken_new p.more a {
	font-size: 12px;
}

.new_osusume .ken p.more b,
.new_osusume .ken_new p.more b {
	font-size: 16px;
	line-height: 1.5em;
	color: #FF0000;
}




/* news diary */

#news,#diary {
	width: 330px;
	margin: 0 0 30px 0;
}

#news {	float: left;}
#diary {	float: right;}

#news ul,#diary ul {
	padding: 10px 0 0 0;
}

#news ul li,#diary ul li {
	font-size: 10px;
	line-height: 1.4em;
	color: #787878;
	list-style: none;
	margin: 0 0 4px 0;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom: 7px;
	border-bottom: #C6C6C6 1px dotted;
	background:url(../images/top_news_diary_icon.gif) no-repeat center left;
}

#news ul li a,#diary ul li a,
#news ul li.new a,#diary ul li.new a {
	font-size: 12px;
	padding-right: 30px;
}

#news ul li.new a {	background:url(../images/top_news_new_icon.gif) no-repeat center right;}
#diary ul li.new a {	background:url(../images/top_diary_new_icon.gif) no-repeat center right;}


/* kensaku */

#kensaku_title {
	margin: 0 0 5px 0;
	clear: both;
}

#kensaku01,#kensaku02,#kensaku03,#kensaku04,#kensaku05,#kensaku01_2,#kensaku02_2 {
	font-size: 10px;
	line-height: 1.4em;
	text-align: left; /* left on ie */
	height: 135px;
	float: left;
	display: inline;
}

#kensaku01 p,#kensaku02 p,#kensaku03 p,#kensaku04 p,#kensaku05 p,#kensaku01_2 p,#kensaku02_2 p {	margin: 0 0 5px 0;}
#kensaku01,#kensaku02 {	margin: 0 15px 0 0;}
#kensaku04 {	margin: 0 30px 20px 0;}
#kensaku05 {	margin: 0 0 20px 0;}
#kensaku01_2 {	margin: 0 30px 5px 0;}
#kensaku02_2 {	margin: 0 0 5px 0;}








/* --------------------------------------------------------------- */
/* font                                                            */
/* --------------------------------------------------------------- */

.text_minier {	font-size: 8px;}
.text_mini {	font-size: 10px;}
.text_normal {	font-size: 12px;}
.text_big {	font-size: 14px;}
.text_biger {	font-size: 18px;}
.red {	color: #F0047F;}


/* --------------------------------------------------------------- */
/* sp                                                              */
/* --------------------------------------------------------------- */
.sp_t02 {	margin: 2px 0 0 0;}
.sp_t05 {	margin: 5px 0 0 0;}
.sp_t10 {	margin: 10px 0 0 0;}
.sp_t15 {	margin: 15px 0 0 0;}
.sp_t20 {	margin: 20px 0 0 0;}
.sp_t30 {	margin: 30px 0 0 0;}
.sp_t40 {	margin: 40px 0 0 0;}
.sp_t50 {	margin: 50px 0 0 0;}
.sp_t60 {	margin: 60px 0 0 0;}
.sp_t70 {	margin: 70px 0 0 0;}

.sp_b02 {	margin: 0 0 2px 0;}
.sp_b05 {	margin: 0 0 5px 0;}
.sp_b10 {	margin: 0 0 10px 0;}
.sp_b15 {	margin: 0 0 15px 0;}
.sp_b20 {	margin: 0 0 20px 0;}
.sp_b30 {	margin: 0 0 30px 0;}
.sp_b40 {	margin: 0 0 40px 0;}
.sp_b50 {	margin: 0 0 50px 0;}
.sp_b60 {	margin: 0 0 60px 0;}
.sp_b70 {	margin: 0 0 70px 0;}

.sp_t05_b05 {	margin: 5px 0 5px 0;}
.sp_t10_b10 {	margin: 10px 0 10px 0;}
.sp_t20_b20 {	margin: 20px 0 20px 0;}
.sp_t30_b30 {	margin: 30px 0 30px 0;}
.sp_t40_b40 {	margin: 40px 0 40px 0;}
.sp_t50_b50 {	margin: 50px 0 50px 0;}
