@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. ジーヴォとたまひよの説明
　02. ナビ
　03. コンテンツ


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css"); /* ライフスタイル・テーマから選ぶ（/jutaku/lifestyle/css/） */


/* ==

　01. ジーヴォとたまひよの説明

=============================================================================== */
.main .about{
	width:730px;
	margin-bottom:10px;
	background:url(../images/bk_about.gif) left top no-repeat;
}
.main .about div{
	width:730px;
	min-height:1%;
	background:url(../images/btm_about.gif) left bottom no-repeat;
	clear:both;
}
.main .about div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .about dl{
	width:340px;
	padding:7px 10px;
	float:left;
}
.main .about dl.lastChild{ float:right; }
.main .about dt{
	font-size:85%;
	font-weight:bold;
	line-height:1.5;
	color:#709f42;
}
.main .about dd{
	font-size:85%;
	line-height:1.5;
}

.main p.bnr{ margin-bottom:10px; }

/* ==

　02. ナビ

=============================================================================== */
/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav li{ margin-right:0; }
.main .nav li.nav_top,
.main .nav li.nav_gros,
.main .nav li.nav_hagukumi{ margin-right:3px; }
.main .nav li.nav_top a{ width:40px; background-image:url(../images/nav_top.gif); }
.main .nav li.nav_hh a{ width:76px; background-image:url(../images/nav_hh_top.gif); }
.main .nav li.nav_family a{ width:82px; background-image:url(../images/nav_hh_family.gif); }
.main .nav li.nav_gros a{ width:102px; background-image:url(../images/nav_hh_growup.gif); }
.main .nav li.nav_hh2 a{ width:93px; background-image:url(../images/nav_hh2_top.gif); }
.main .nav li.nav_kizuna a{ width:79px; background-image:url(../images/nav_hh2_kizuna.gif); }
.main .nav li.nav_hagukumi a{ width:88px; background-image:url(../images/nav_hh2_hagukumi.gif); }
.main .nav li.nav_cambodia a{ width:159px; background-image:url(../images/nav_cambodia.gif); }

/* アクティブ */
.main .nav ul.navTop li.nav_top a{ background-position:left bottom; }




/* ==

　03. コンテンツ

=============================================================================== */
p.top{
font-size:18px;
font-weight:bold;
float:left;
padding-top:10px;
}

img.catalog{ float:right; }
.main div{
	clear:none;
	margin:0;
}
.pkg{
	width:100%;
}

.pkg:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	
}
* html .pkg{display:inline-block;}
/* no ie mac \*/
* html .pkg { height:1%; }
.pkg {
	display:block;
	position:relative;
}
/* */
.main p.lead{
	line-height:1.5;
	margin:0 0 10px;
}
.cLeft {
	float: left;
}

.cRight {
	float: right;
}
.main .topBox1{
	width:730px;
	margin:0 0 10px;
	line-height:1.5;
}

.main .topBox1 .cLeft{
	width:117px;
}

.main .topBox1 .cRight{
	width:600px;
	padding:15px 0 0;
}


/* タブ切替
------------------------------------------------------------------------------- */
#tabBox,
.main #tab1,
.main #tab2,
.main #tab3,
.main #tab4 {
	position:relative;
}

.main #tabBox{
	width:730px;
	background:url(../images/main_tab.gif) no-repeat left bottom;
}

.main #tabBox ul{
	width:730px;
	background:url(../images/top_tab_bg.gif) repeat-x left bottom;
}

.main #tabBox ul li{
	float: left;
	margin:0 8px 0 0;
	width:238px;
	padding:0;
	display:inline;
}
.main #tabBox ul li.last{
	margin:0;
}


.main #tabBox ul li a{
	width:238px;
}

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



.ui-tabs-nav .ui-tabs-selected img{
	visibility:hidden;
}
.ui-tabs-nav a{
	display: block;
	cursor: pointer;
}


.main #tabBox ul li.ui-tabs-selected #tb1{
	background:url(../images/top_tab1_on.gif) no-repeat left top;
}

.main #tabBox ul li.ui-tabs-selected #tb2{
	background:url(../images/top_tab2_on.gif) no-repeat left top;
}

.main #tabBox ul li.ui-tabs-selected #tb3{
	background:url(../images/top_tab3_on.gif) no-repeat left top;
}


#tab1,
#tab2,
#tab3{
	width:706px;
	padding:25px 0 0;
	margin:0 0 0 15px;
}

.main div.topBox2{
	width:730px;
	margin:0 0 20px;
	background:url(../images/top2_bg1.gif) repeat-y left top;
}

.main div.topBox2Wrap{
	width:730px;
	background:url(../images/top2_bg2.gif) no-repeat left bottom;	
}

.main div.topBox2 p.img{
	text-align:center;
	margin:0 0 20px;
}

.main div.tabArea{
	width:660px;
	margin:0 0 0 20px;
	padding:0 0 25px;
	line-height:1.35;
}

.main div.tabArea h4{
	padding:15px 0 15px;
}

.main div.tabArea p.cLeft{
	width:115px;
	float:left;
}

.main div.tabArea div.cRight{
	width:525px;
	float:right;
}
.main div.tabArea div.cRight p{
	line-height:1.35;
}