@charset "UTF-8";


/* -----------------------------------------------------------
	Site Name: caname
	Author: Yamazen Communications co.,ltd.
	Since2010
----------------------------------------------------------- */
	
/*Index
	1.common
	2.topics
	3.pickup contents
	4.bannerArea
----------------------------------------------------------- */


/* 1.common
----------------------------------------------------------- */
{}
div#header div#mainpr,
div#header div#mainpr ul,
div#header div#mainpr ul li,
div#header div#mainpr ul h3,
div#header div#mainpr ul a           {width:1000px;}
ul.special                           {width:740px;}
div#header ul#directnavi             {width:584px;}
div#header ul#directnavi li,
div#header ul#directnavi li a        {width:140px;}
div#header ul#directnavi li.title    {width:11em;}

div#topics,
div#topics ul.title                  {width:530px;}
div#topics ul.title li.tab_topics,
div#topics ul.title li.tab_topics a  {width:153px;} /*ボタン画像と同サイズ*/
div#topics ul.title li.tab_media,
div#topics ul.title li.tab_media a   {width:140px;} /*ボタン画像と同サイズ*/
div#topics ul.title li.tab_magazine,
div#topics ul.title li.tab_magazine a{width:65px;}  /*ボタン画像と同サイズ*/
div#topics ul.title li.tab_estate,
div#topics ul.title li.tab_estate a  {width:55px;}  /*ボタン画像と同サイズ*/
div#topics ul.pickup,
div#topics ul.pickup li              {width:190px;}
div#topics ul.list,
div#topics ul.list li                {width:310px;}
div#topics ul.list li a              {width:295px;}/*li-15px*/

ul.special li,
ul.special li h3,
ul.special li.series ul,
ul.special li.series ul li{width:220px;}

ul.special li.result p,
ul.special li.voice p,
ul.special li.craftman p{width:auto;}
ul.special li.result p img,
ul.special li.voice p img,
ul.special li.craftman p img{width:90px;}



body         {background-position:center 345px;background-attachment:scroll;}
div#container{background-position:center 320px;background-attachment:scroll;}

div#header{
	position:static;
	height:410px;
	margin-bottom:35px;
	background:#ffffff url(../../images/top/bk_mainpr.png) repeat-x center 30px;
}

div#header div.globalnavi{
	margin:-35px auto 0;
	padding:0;
}

div#header div#mainpr,
div#header div#mainpr ul#innerfade,
div#header div#mainpr ul#innerfade li,
div#header div#mainpr ul#innerfade h3,
div#header div#mainpr ul#innerfade a{
	height:355px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

div#header div#mainpr {
	clear:both;
	overflow:hidden;
}

div#header div#mainpr ul#innerfade li{
	*margin:0 0  0 -500px;
}






/*div#header div#mainpr {
	clear:both;
	position:absolute;
	height:360px;
	top:60px;
	*top:60px;
	left:0;
	text-indent:-999999px;
	background:url(../../images/top/kokoro.jpg) no-repeat center top;
	*background:none;
	z-index:1;
}

div#header div#mainpr2 {
	text-indent:-999999px;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
}
*/

div#header ul#directnavi{
	clear:both;
	position:relative;
	overflow:hidden;
	top:-60px;
	height:30px;
	margin:0 auto;
	z-index:10;
}

div#header ul#directnavi li{
	float:left;
	height:30px;
	margin:0 auto;
	padding:4px 3px 0;
	_padding-top: 5px;
	text-align:center;
	background:url(../../images/top/bk_directnavi.png) no-repeat center top;
}

div#header ul#directnavi li.title{background:none;}

div#header ul#directnavi li a{
	display:block;
	height:30px;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
div#header ul#directnavi li a:hover{
	background:url(../../images/top/bk_directnavi_ov.png) no-repeat scroll 8px 0;
	margin:-4px 0 0;
	padding:4px 0 0;
}






/* 2.topics
----------------------------------------------------------- */
div#topics {
	float:left;
	margin:0;
	padding:0;
}

div#topics ul.title{
	height:30px;
	margin:0;
	padding-bottom:15px;
}

div#topics ul.title li{
	float:left;
    min-width: 84px; /* be nice to Opera */
	height:30px;
	margin:0 17px 0 0;
	*margin:0 9px 0 0;
	padding:0;
}

div#topics ul.title li a{
	display:block;
	height:30px;
	text-indent:-999999px;
	zoom:1;
}

div#topics ul.title li.tab_topics   a{background:url(../../images/top/title_topics.png)   no-repeat left top;}
div#topics ul.title li.tab_media    a{background:url(../../images/top/title_media.png)    no-repeat left top;}
div#topics ul.title li.tab_magazine a{background:url(../../images/top/title_magazine.png) no-repeat left top;}
div#topics ul.title li.tab_estate   a{background:url(../../images/top/title_estate.png)   no-repeat left top;}

div#topics ul.title li.tab_topics   a:hover{background:url(../../images/top/title_topics.png)   no-repeat left -30px;}
div#topics ul.title li.tab_media    a:hover{background:url(../../images/top/title_media.png)    no-repeat left -30px;}
div#topics ul.title li.tab_magazine a:hover{background:url(../../images/top/title_magazine.png) no-repeat left -30px;}
div#topics ul.title li.tab_estate   a:hover{background:url(../../images/top/title_estate.png)   no-repeat left -30px;}



div#topics ul li a{color:#ffffff;}
div#topics ul li a:hover{color:#ff7d00;}

div#topics ul.pickup{
	float:left;
	margin:0;
	padding:0;
}

div#topics ul.pickup li{
	float:left;
	margin:0 0 20px;
	padding:0;
	font-weight:normal;
	vertical-align:top;
}


div#topics ul.pickup a img{
	display:block;
	float:left;
	width:70px;
	margin:4px 10px 0 0;
	vertical-align:top;
	border:1px #968c78 solid;
	zoom:1;
}


div#topics ul.list{
	float:right;
	margin:0;
	padding:0;
}

div#topics ul.list li{
	margin:0 0 8px;
	padding:0 0 8px;
	border-bottom:1px #bfb100 dotted;
}

div#topics ul.list li a{
	display:block;
	margin:0;
	padding:0 0 0 15px;
	background:url(../../images/arrow.png) no-repeat left 0.5em;
	*background-position: left 7px;
}

div#topics ul.list li.lastchild{
	margin:0;
	padding:5px 0 0 0;
	border-bottom:none;
}





/* 3.pickup contents
----------------------------------------------------------- */

ul.special{
	clear:both;
	padding-top:60px;
	margin-bottom:10px;
}

ul.special li{
	float:left;
	margin-right:40px;
	*margin-right:38px;
	padding:0;
	min-height:120px;
	_height:120px;
}


ul.special li h3,
ul.special li p,
ul.special li a{
	color:#ffffff;
}

ul.special li p{
	margin-bottom:10px;
}

ul.special li p a{
	color:white;
}
ul.special li a:hover{
	color:#ff7d00;
}

ul.special li h3{
	padding:15px 0;
	border-top:2px #968c78 solid;
}


ul.special li p a img{
	float:right;
	margin-top:-30px;
	margin-left:10px;
}

ul.special li p span.tolist{
	margin:0;
	padding:0 0 0 15px;
	line-height:3;
	background:url(../../images/arrow02.gif) no-repeat left  0.15em;
}



/* 4.bannerArea
----------------------------------------------------------- */
div.boxbanner {
	float:right;
	margin-top:15px;
}