@charset "UTF-8";




div#mainContents ul li,
div#mainContents ol li {
padding-bottom:0;
margin-bottom:4px;
}



div#mainContents p{
margin-left:15px;
margin-right:15px;
}


/* === 食五行歌　2009.5.13 === */
/* === 食五行歌　2010.5.25/renew === */

body#gogyoka { margin:0; padding:0; text-align:center; }
body#gogyoka span,ul,li,p,img{ margin:0; padding:0 }
body#gogyoka h1,h2,h3 {
background:none;
border:none;
}

body#gogyoka img { border:0px; }

body#gogyoka p{ text-align:left; }

body#gogyoka .btnArea p{ text-align:right; }

/* body#gogyoka div#contents{ */
body#gogyoka div#mainContents{
width:950px;
margin:0 auto;
padding:10px 0 0 0;
}
body#gogyoka div#mainContents h2{
background:none;
margin-left:0;
margin-right:0;
padding:0;
}
body#gogyoka div#contents_box{
margin:0 auto;
padding:0;
}

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

div.clearfix{display:inline-block;}

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

.mw10{ margin:0 10px; }
.mb10{ margin-bottom:10px; }

h2{
font-size:1em;
font-weight:bold;
}

.clear{
clear: both;
height: 1px!important;
display: block !important;
font-size: 1px!important;
margin: 0 !important;
}


/*タイトル*/
/*TOP*/
/*
		#gogyoka div#mainContents #keyTop{
		background:#f5f5f5;
		border:1px solid #e4e4e4;
		}
		#gogyoka div#mainContents #keyTop .keyTopInner{
		padding:6px 15px 6px 10px;
		}

		#gogyoka div#mainContents #keyTop .topTitle{}
		#gogyoka div#mainContents #keyTop .topTitle h1{
		width:285px;
		float:left;
		margin:0;
		padding:0;
		}
		#gogyoka div#mainContents #keyTop .topTitle p{
		margin:0;
		float:left;
		}
		#gogyoka div#mainContents #keyTop #featured{
		position:relative;
		text-align:left;
		}
		#gogyoka div#mainContents #keyTop #featured ul{
		position:absolute;
		top:-88px;
		left:602px;
		}
		#gogyoka div#mainContents #keyTop #featured ul li{
		margin-bottom:15px;
		}
		#gogyoka div#mainContents #keyTop #featured ul li a:hover,
		#gogyoka div#mainContents #keyTop #featured ul li.ui-tabs-selected{
		border:2px solid #fe0000;
		width:107px;
		height:62px;
		display:block;
		overflow:hidden;
		}
		#gogyoka div#mainContents #keyTop #featured ul li.ui-tabs-selected a:hover{
		border:none;
		}
		*html #gogyoka div#mainContents #keyTop #featured ul li a:hover,
		*html #gogyoka div#mainContents #keyTop #featured ul li.ui-tabs-selected{
		width:111px;
		height:66px;
		}
		#gogyoka div#mainContents #keyTop #featured ul li a:hover img,
		#gogyoka div#mainContents #keyTop #featured ul li.ui-tabs-selected img{
		margin-left:-2px;
		margin-top:-2px;
		}
		#gogyoka div#mainContents #keyTop #featured .featured-img{
		background:#FFF;
		padding:0 15px 7px;
		width:567px;
		}
		#gogyoka div#mainContents #keyTop #featured .ui-tabs-hide{ 
		display:none; 
		}
*/


body.mid p.baktop{
float:left;
width:100px;
height:15px;
margin-left:5px;
clear:right;
}
body.mid div.con{
width:950px;
text-align:center;
}
body.mid div.menuWrapper{
width:950px;
margin:10px auto 0;
}
body.top div.menuWrapper{
width:950px;
margin:10px 0 0 0;
}
body.mid .hd_menu {
float:left;
width:200px;
text-align:left;
}
body.mid .hd_menu p,
body.mid .hd_menu p img{
margin:0!important;
}
body.mid .hd_menu ul {
width:163px;
margin:0 0 10px 17px!important;
}
body.mid .hd_menu ul li {
width:163px;
margin-bottom:0!important;
}
body.mid .hd_menu ul li a{
display:block;
text-indent:-9999px;
width:163px;
height:30px;
overflow:hidden;
}
body.mid .hd_menu ul li.shokuChikara a{background:url(/data/gogyoka/images/bt_cat_01.gif) repeat-y left top;}
body.mid .hd_menu ul li.motherDaughter a{background:url(/data/gogyoka/images/bt_cat_02.gif) repeat-y left top;}
body.mid .hd_menu ul li.shokuHouyou a{background:url(/data/gogyoka/images/bt_cat_03.gif) repeat-y left top;}
body.mid .hd_menu ul li.family a{background:url(/data/gogyoka/images/bt_cat_04.gif) repeat-y left top;}
body.mid .hd_menu ul li.father a{background:url(/data/gogyoka/images/bt_cat_05.gif) repeat-y left top;}
body.mid .hd_menu ul li.myself a{background:url(/data/gogyoka/images/bt_cat_06.gif) repeat-y left top;}
body.mid .hd_menu ul li.motherSubstantial a{background:url(/data/gogyoka/images/bt_cat_07.gif) repeat-y left top;}
body.mid .hd_menu ul li.affection a{background:url(/data/gogyoka/images/bt_cat_08.gif) repeat-y left top;}
body.mid .hd_menu ul li.hildren a{background:url(/data/gogyoka/images/bt_cat_09.gif) repeat-y left top;}
body.mid .hd_menu ul li.husbandWife a{background:url(/data/gogyoka/images/bt_cat_10.gif) repeat-y left top;}
body.mid .hd_menu ul li.motherSon a{background:url(/data/gogyoka/images/bt_cat_11.gif) repeat-y left top;}

body.mid .hd_menu ul li.curr a,
body.mid .hd_menu ul li a:hover{
background-position:0 -30px;
}

body.mid .hd_menu p.contributor,
body.mid .hd_menu p.gogyokaManual{
margin:0 0 18px 0!important;
}
body.mid .hd_menu p.returntop{
margin:0 0 5px 0!important;
}

body.mid .hd_menu p.contributor a{
display:block;
text-indent:-9999px;
width:180px;
height:56px;
overflow:hidden;
}
body.mid .hd_menu p.contributor a{
background:url(/data/gogyoka/images/bt_aut.gif) repeat-y left top;
}
body.mid .hd_menu p.contributor a.curr,
body.mid .hd_menu p.contributor a:hover{
background-position:0 -56px;
}

body.mid .hd_menu p.gogyokaManual a{
display:block;
text-indent:-9999px;
width:180px;
height:46px;
overflow:hidden;
}
body.mid .hd_menu p.gogyokaManual a{
background:url(/data/gogyoka/images/bt_sousa.gif) repeat-y left top;
}
body.mid .hd_menu p.gogyokaManual a.curr,
body.mid .hd_menu p.gogyokaManual a:hover{
background-position:0 -46px;
}

body.mid .hd_menu p.returntop a{
display:block;
text-indent:-9999px;
width:180px;
height:43px;
overflow:hidden;
}
body.mid .hd_menu p.returntop a{
background:url(/data/gogyoka/images/bt_top.gif) repeat-y left top;
}
body.mid .hd_menu p.returntop a:hover{
background-position:0 -43px;
}


body.top #contents_box01{
float:right;
width:750px;
margin:0 0 20px 0;
padding:0px;
}

body.mid #contents_box04{
float:right;
width:750px;
margin-bottom:20px;
display:inline;
}
body.mid #contents_box04 h1 {
margin-bottom:10px;
padding:0;
}
body.mid #contents_box04 p.key{
margin:0 0 30px 0;
}
	
body.mid .con-thumbnail {
background:#f3f3f3;
width:690px;
padding:25px 20px 20px 25px;
margin:20px 5px 0 10px;
}
*html body.mid .con-thumbnail{
width:735px;
}
body.mid .inner {
width:133px;
float:left;
margin-right:5px;
margin-bottom:5px;
display:inline;
}
body.mid .inner a img{
width:132px;
height:89px;
overflow:hidden;
border: none;
}
* html body.mid .inner a img{
width:131px;
}
body.mid .inner a {
display:block;
border:1px solid #CCCCCC;
overflow:hidden;
}
body.mid .inner a:hover {
border:1px solid #990000;
}
body.mid .inner a:hover img {
margin:0px;
}
body.mid div.gogyokaManual {
width:710px;
margin:0 0 0 15px;
}
* html body.mid div.gogyokaManual {
margin:10px 0 0 25px;
}
body.mid div.gogyokaManual p {
float:right;
}
body.mid div.gogyokaManual a {
display:block;
margin:10px 0 10px 0;
font-weight:bold;
padding-left:12px;
background:url(/data/gogyoka/images/arw_02.gif) no-repeat left 4px;
}
* html body.mid div.gogyokaManual a {
margin:0 0 10px 0;
}
body.mid div.gogyokaManual a.curr { color:#CC0000; }

#mainContents .con-list {
width:735px;
overflow:hidden;
margin-left:10px;
}
body#gogyoka div#mainContents .con-list .inner {
width:137px;
float:left;
margin-right:10px;
margin-bottom:5px;
}
body#gogyoka div#mainContents .con-list .inner h2{
text-align:left;
padding-left:20px;
padding-bottom:1px;
background:url(/data/gogyoka/images/h2_mark.gif) no-repeat left bottom;
}
body#gogyoka div#mainContents .con-list .inner ul li{
float:none;
text-align:left;
margin-bottom:0;
padding-bottom:0;
}


body#gogyoka div#mainContents .con-list .inner ul li a{
background:transparent url(/data/gogyoka/images/arw_01.gif) no-repeat scroll left 6px;
padding:2px 0 0 12px;
border:none;
}
body#gogyoka div#mainContents .con-list .inner ul li a:hover{
color:#FF6633;
text-decoration:underline;
border:none;
}


/*五行歌結果バナー*/
body#gogyoka div#bnr_box{
width:532px;
margin:0;
padding:0 0 20px 0;
text-align:center;
}


/*五行歌とは*/
body#gogyoka div#exp{
width:532px;
background:url(/data/gogyoka/images/bg_top_03.gif) no-repeat center bottom;
padding-bottom:20px;
}
body#gogyoka div#exp div{
padding:15px;
background:url(/data/gogyoka/images/bg_top_04.gif) no-repeat center top;
}

body#gogyoka div#exp h2{
border-left:3px solid #990000;
padding-left:10px;
font-size:120%;
color:#990000;
text-align:left;
}
body#gogyoka div#exp p{
line-height:130%;
margin:0 15px;
}
body#gogyoka div.con-thumbnail .expbox p{
margin:0 0 10px 0;
}
body#gogyoka div.con-thumbnail .expbox .expimg{
margin-bottom:30px;
text-align:left;
}
/*他サイトへ*/

body#gogyoka p.linkmore { text-align:right;margin:5px 10px 10px 0; }
body#gogyoka p.linkmore a { background:url(/data/gogyoka/images/ico_link.gif) no-repeat left top;padding-left:20px }



/*Flash Playerのダウンロード*/

div#mainContents div.boxedItem {
	margin:20px 0 0 0;
	padding-top:10px;
}
div.plugin dl dt {
	float: left;
	margin-right:30px;
	line-height: 1;
}
div.plugin dd {
	float: left;
	margin:0;
	padding:0;
	}

div.plugin hr{
	margin: 10px 0;
}


/*JSオフ*/
div.jsoff {
	text-align:left;
	margin:15px 10px 10px 10px;
	padding:10px 20px;
	background:#FFFFFF;
	border:1px solid #fe0000;
	color:#fe0000;
	font-weight:bold;
	font-size:80%;
	line-height:1.3;
}
div.jsoff div.pluginNav { float:left; }
div.jsoff dl {
	display:block;
	padding-top:10px;
}
div.jsoff dl dt {
	float:left;
	margin-right:30px;
	line-height:1;
}
div.jsoff dd {
	float:left;
	margin:0;
	padding:0;
}

body#gogyoka div#mainContents div.enq  h2{
	margin-top: 0 !important;
	clear: both;
	padding: 0 11px 3px 8px !important;
	font-size: 90% !important;
	font-weight: bold;
	line-height: 1.5 !important;;
	background:#F5F5F0 url(/common/images/2010/heading2_bg_l.gif) no-repeat bottom right !important;
	text-align:left !important;;
	border:none !important;
}

body#gogyoka div#mainContents div.enq h2 span.heading2{
	background: url(/common/images/2010/heading2_mark.gif) no-repeat left 0.25em;
	padding-left: 20px;
	display:block;
}



/* フロート解除用 */
body.mid div.gogyokaManual:after,
body.mid div.con-thumbnail:after,
body.mid div.con:after {display: block;clear: both;height: 0;visibility: hidden;content: ".";line-height: 0;}
body.mid div.gogyokaManual,
body.mid div.con-thumbnail,
body.mid div.con {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html body.mid div.gogyokaManual,
* html body.mid div.con-thumbnail,
* html body.mid div.con {height:1%;overflow:visible;}
/* End hide from IE-mac */
body.mid div.gogyokaManual,
body.mid div.con-thumbnail,
body.mid div.con {display: block;}



/* キービジュアルエリア */
div#promoVisual{
	margin:0 30px 10px 30px;
}

body#gogyoka div#photos div.panel {
	text-align:left;
}


/* 公開情報エリア */
body#gogyoka div#gogyoInfo{
	margin-bottom:30px;
}
body#gogyoka div#gogyoInfo h2{
	margin-bottom:0;
}
body#gogyoka div#gogyoInfo div.infTitle{
	position:relative;
	width:750px;
	height:45px;
}
body#gogyoka div#gogyoInfo div.infTitle h2{
	position: absolute;
	left: 0px;
	top: 0px;
	margin:0;
	padding:0;
}
body#gogyoka div#gogyoInfo div.infTitle p.gogyoDate{
	position:absolute;
	left:140px;
	top:20px;
	color:#8b6900;
}

body#gogyoka div#gogyoInfo div.infInner{
	background:url(/data/gogyoka/images/top_koushin_bg.gif) no-repeat left bottom;
	padding:5px 5px 15px 5px;
}
body#gogyoka div#gogyoInfo ul.resultList{
	margin:0 0 0 15px;
}
body#gogyoka div#gogyoInfo ul.resultList li{
	float:left;
	background:url(/data/gogyoka/images/top_icon_king.gif) no-repeat left 0.1em;
	width:240px;
	text-align:left;
}



body#gogyoka div#gogyoInfo ul.resultList li a{
	padding-left:22px;
}





/* ----- new top 20110526 ----- */


/** ----- config ----- **/
body#gogyoka p.mLR{
	margin-left: 15px !important;
	margin-right: 10px !important;
	line-height: 1.6;
}
body#gogyoka p.ss{
	font-size: 75%;
}



/** ----- key visual ----- **/
#gogyoka div#mainContents #keyTop{
	width:750px;
}
#gogyoka div#mainContents #keyTop h1{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
#gogyoka div#mainContents #keyTop #view{
	position:relative;
	width:630px;
	height:260px;
	margin: 15px 0 2px 0;
	padding-left:120px;
}
#gogyoka div#mainContents #keyTop #view .tip{
	position:absolute;
	top: 0;
	left:50px;
	width: 70px;
	height: 250px;
}
#slideshow {position:relative; width:590px; height:260px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }


/** ----- photo list ----- **/
div#mainContents #photoList{
	margin-bottom: 30px;
	padding: 0;
}
div#mainContents #photoList ul{
	margin: 0;
	padding: 0;
	border: 0;
}
div#mainContents #photoList ul li{
	display: inline-block;
	margin: 0 0 0 2px;
	padding: 0;
	border: 0;
}

* html div#mainContents #photoList ul li{
	float:left;
	margin: 0 0 0 5px;
}
*:first-child+html div#mainContents #photoList ul li{
	float:left;
	margin: 0 0 0 6px;
}

* html photoList:after{
	clear: both;
}
*:first-child+html photoList:after{
	clear: both;
}


div#mainContents #photoList dl.list{
	position: relative;
	width: 100px;
	height: 87px;
	margin: 0;
}
div#mainContents #photoList dl.list dt{
	position: absolute;
	left: 0;
	bottom: 0;
}
div#mainContents #photoList dl.list dd{
	position: absolute;
	left: 0;
	top: 0;
}




/** ----- contents ----- **/
#gogyoka div#mainContents .columnLeft{
	width:530px;
	float:left;
}
#gogyoka div#mainContents .columnRight{
	width:220px;
	float:right;
}
#gogyoka div#mainContents .columnRight p.photo{
	text-align:center;
}