@charset "utf-8";


/*
	Since:Dec 01 2006
	Last-Updated:Dec 01 2006
	Editor:Masataka Asakura(MIC)
*/


@import url("../../common_css/master.css");


/*
-------------File Contents--------------
	
	1. LinkSetting
	
	2. MainVisual
	
	3. CenterBanners
	
	4. IndexCommon
	
	5. NewsIndex
	
	6. ProductIndex
	
	7. EventIndex
	
	8. ColumnIndex
	
	9. PicNews
	
	10. NewProduct
	

*/



/*
------------1. LinkSetting----------------
*/

#BookNav a:link{
	text-decoration:none;
	border-bottom-width:0px;
}
#BookNav a:visited {
	text-decoration:none;
	border-bottom-width:0px;
	
}
#BookNav a:hover, #BookNav a:active{ 
	text-decoration:none;
	border-bottom-width:0px!important;
}


#CenterBanners a:link, #CenterBanners a:visited, 
#CenterBanners a:hover, #CenterBanners a:active{
	text-decoration:none;
	border-bottom-width:0px!important;
}

ul.IndexBody a:link, ul.IndexBody a:visited, 
ul.IndexBody a:hover, ul.IndexBody a:active{
	text-decoration:underline;
}


/*
------------2. MainVisual----------------
*/

#MV{
	border:1px solid #999;
	background:#f9f3de url("../images/mv01.jpg") no-repeat center top;
	height:213px;
	width:auto!important;
	text-align:center;
	padding:0;
	margin:0 auto;
}
#MV .ThanksMark{
	background:transparent url("../images/mv_thanksmark.gif") no-repeat center center;
	height:213px;
	width:auto;
	vertical-align:middle;
}

#MV .supporterBnr{
	text-align:right!important;
	background:transparent url("../images/mv_thanksmark.gif") no-repeat center center;
	padding:10px 1em 0 2em;
	vertical-align:middle;
	height:203px;
	width:auto;
	
}
#MV .supporterBnr a{
	cursor:pointer;
	border-width:0!important;
}

.Footnote{
	padding-top:5px;
	text-align:right;
	font-size:80%;
	color:#666;
}


/*
------------3. CenterBanners----------------
*/

#CenterBanners{
	width:auto;
	padding-top:20px;
	display:inline-block;
	min-height:1em;
}

/*\*/
#CenterBanners{
	display:block;
}

/**/
#CenterBanners:after{
	content : ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#CenterBanners div{
	float:left;
	width: 120px;
	margin-right:10px;
	padding-bottom:0.5em;
}



/*
------------4. IndexCommon----------------
*/

.IndexHeading{
	width:auto;
	background:transparent url("../images/bg_heading.gif") repeat-x 0 0;
	padding:8px 15px 6px 20px;
	border-bottom:1px solid #ccc;
	display:inline-block;
	zoom:1;
}

/*\*/
.IndexHeading{
	display:block;
}

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

.IndexHeading h2{
	background-color:transparent;
	background-repeat:no-repeat;
	text-indent:-9999em;
	letter-spacing:999em;
}
/*\*/
.IndexHeading h2{
	letter-spacing:normal;
	overflow:hidden;
}
/**/



ul#BtnRSS{
	list-style:none;
	padding:0;
	margin:0;
}
ul#BtnRSS li{
	float:right;
	display:block;
	padding:0 0 0 0;
	margin:0;
}
ul#BtnRSS li a{
	display:block;
	padding:0;
	margin:0;
	width:55px;
	height:21px;
	text-decoration:none;
	border-bottom:0px;
	text-indent:-9999em;
	letter-spacing:9999em;
	background:url("../../common_img/btn_rss.gif") no-repeat 0 0;
}
/*\*/
ul#BtnRSS li a{
	letter-spacing:normal;
	overflow:hidden;
}
/**/

ul#BtnRSS li a:hover, ul#BtnRSS li a:active{
	text-decoration:none;
	border-bottom:0px!important;
}




.IndexBody{
	padding:0px 10px 0px 20px;
	width:auto;
}
.IndexBody ul{
	padding:20px 0 0px 0px;
	list-style:none;
}
.IndexBody ul li{
	padding:0 0 8px 15px;
	background:url("../../common_img/li_square01.gif") no-repeat 0 6px;
	line-height:1.3;
}

.IndexBody ul li.new{
	padding-left:30px;
	background-image:url("../../common_img/icon_new.gif")!important;
	background-position: 0 3px!important;
	font-size:110%;
}


span.PhotoIcon img{
	vertical-align:baseline;
}
.IndexBody ul li a{
	text-decoration:underline;
}

.IndexBody ul span{
	padding-left:2px;
	font-size:70%;
	color:#666;
}

ul.LinkIndex{
	width:auto;
	padding:10px 10px 10px 0px;
	margin-top:0px;
	list-style:none;
	display:inline-block;
	zoom:1;
}
/*\*/
ul.LinkIndex{
	display:block;
}
/**/
ul.LinkIndex:after{
	content:".";
	height:0;
	display:blck;
	clear:right;
	visibility:hidden;
}


ul.LinkIndex li{
	float:right;
	background:url("../../common_img/li_arrow01.gif") no-repeat 0 2px;
	padding:0px 0 1px 21px;
	margin:0;
	font-size:80%;
}


/*
------------5. NewsIndex----------------
*/

#NewIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
}

#NewIndex h2{
	float:left;
	width:100px;
	height:17px;
	background-image:url("../images/h_news.gif");
	background-position:0 3px;
}
.IndexBody ul span.PhotoIcon{
	padding-left:0.5em;
}
#NewIndex .IndexBody ul li{
	line-height: 1.5!important;
	padding-bottom:10px;
	background-position: 0 7px!important;
	font-size:108%;
}





/*
------------20080227 KonohitoIndex----------------
*/

#KonohitoIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
}

#KonohitoIndex h2{
	float:left;
	width:143px;
	height:18px;
	padding-top:5px;
	background-image:url("../images/h_konohito.gif");
	background-position:0 0px;
}
.IndexBody ul span.PhotoIcon{
	padding-left:0.5em;
}
#KonohitoIndex .IndexBody ul li{
	line-height: 1.5!important;
	padding-bottom:10px;
	background-position: 0 7px!important;
	font-size:108%;
}


/*
------------20080916 IchiyoIndex----------------
*/

#IchiyoIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
}

#IchiyoIndex h2{
	float:left;
	width:155px;
	height:23px;
	padding-top:0px;
	background-image:url("../images/h_ichiyo.gif");
	background-position:0 0px;
}
.IndexBody ul span.PhotoIcon{
	padding-left:0.5em;
}
#IchiyoIndex .IndexBody ul li{
	line-height: 1.5!important;
	padding-bottom:10px;
	background-position: 0 7px!important;
	font-size:108%;
}



/*
------------6. ProductIndex----------------
*/

#ProductIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
}

#ProductIndex h2{
	width:100%;
	height:19px;
	background-image:url("../images/h_product.gif");
	background-position:0 1px;
}


/*
------------7. EventIndex----------------
*/

#EventIndex{
	display:none;
}

/*
#EventIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
	font-size:110%;
}

#EventIndex h2{
	width:100%;
	height:18px;
	background-image:url("../images/h_event.gif");
	background-position:0 0px;
}

*/

/*
------------8. ColumnIndex----------------
*/
#ColumnIndex{
	margin-top:20px;
	border:1px solid #999;
	width:auto;
}

#ColumnIndex .IndexHeading{
	padding:12px 20px 8px 20px;
}

#ColumnIndex h2{
	width:100%;
	height:14px;
	background-image:url("../images/h_column.gif");
}
#ColumnIndex .IndexBody{
	padding-bottom:10px;
}
#ColumnIndex h3{
	padding:25px 0 0 0;
}

#ColumnIndex .IndexBody ul{
	padding:1.5em 0 0px 0.5em;
	list-style:none;
}

#ColumnIndex h4{
	padding:1.5em 0 0 0.5em;
	margin:0;
	font-size:0.875em;
}
#editorial{
	padding-top:1.5em;
}
#editorial02{
	padding-top:1em;
}


/*
------------9. PicNews----------------
*/
#PicNews{
	margin-top:20px;
	background:#fff url("../../common_img/bg_side.gif") repeat-x 0 0;
	border:1px solid #999;
	padding:10px 5px 10px 5px;
	width:163px;
}

#PicNews h2{
	background:url("../../common_img/icon_photo01.gif") no-repeat 0 0;
	min-height:21px;
	padding:5px 0 1px 29px;
	font-size:108%;
}
#PicNews .Thumbnail{
	padding-top:1.5em;
}
#PicNews .ThumbnailLink{
	text-align:left!important;
	padding-bottom:0.1em;
	padding-left:8px;
	line-height:130%;
	width:148px;
}

#PicNews ul.LinkNav li{
	padding-bottom:10px;
}
#PicNews .ThumbnailLink span{
	padding-left:2px;
	font-size:70%;
	color:#666;
}


/*
------------20080305 ichiyo----------------
*/

#ichiyo{
	margin-top:20px;
	background:#fff url("../../common_img/bg_side.gif") repeat-x 0 0;
	border:1px solid #999;
	padding:10px 5px 10px 5px;
	width:163px;
}

#ichiyo h2{
	background:url("../../common_img/icon_leaf02.gif") no-repeat 0 0;
	min-height:21px;
	line-height: 21px;
	padding:5px 0 1px 25px;
	font-size:108%;
}
#ichiyo h2 span{
	font-size:0.875em;
}
#ichiyo .Thumbnail{
	padding-top:1.5em;
}
#ichiyo .ThumbnailLink{
	text-align:left!important;
	padding-bottom:0.1em;
	padding-left:8px;
	line-height:130%;
	width:148px;
}

#ichiyo ul.LinkNav li{
	padding-bottom:10px;
}
#ichiyo .ThumbnailLink span{
	padding-left:2px;
	font-size:70%;
	color:#666;
}


/*
------------10. NewProduct----------------
*/
#NewProduct{
	margin-top:20px;
	background:#fff url("../images/bg_product.gif") repeat-x 0 0;
	border:1px solid #999;
	padding:10px 5px 10px 10px;
	width:163px;
}

#NewProduct h2{
	background:url("../../common_img/icon_product.gif") no-repeat 0 0;
	min-height:28px;
	padding:12px 0 2px 32px;
	font-size:110%;
	letter-spacing:0.1em;
}

#NewProduct .ThumbnailLink{
	line-height:130%;
}

#NewProduct ul.LinkNav{
	padding:20px 0 0 0;
}


/*
------------11. Sticker ----------------
*/

ul#StickerNav{
	list-style:none;
	padding:15px 0 0 0;
	margin:0;
}
ul#StickerNav li{
	display:block;
	padding:0;
	margin:0;
}

ul#StickerNav li a{
	display:block;
	width:178px;
	height:78px;
	padding:0;
	margin:0;
	text-indent:-9999em;
	letter-spacing:9999em;
	text-decoration:none;
	border:1px solid #ff7f66;
	background-color:transparent;
	background-repeat:none;
	background-position:0 0;
}
/*\*/
ul#StickerNav li a{
	letter-spacing:normal;
	overflow:hidden;
}
/**/

ul#StickerNav li a:link, ul#StickerNav li a:visited{
	background-image:url("../../banner/sticker_01.gif");
}
ul#StickerNav li a:hover, ul#StickerNav li a:active{
	background-image:url("../../banner/sticker_02.gif");
}



/*
------------12. Redirect ----------------
*/
body#Redirect{
	font-size:100%!important;
}

#Redirect h1#CI{
	display:block;
	text-align:left;
	padding:3em;
	width:303px;
}
#Redirect h1#CI a{
	border-bottom:0!important;
}


#Redirect #Container{
	padding:0 0 0 3em;

}
#Redirect h2{
	font-size:120%;
	padding-bottom:1em;
}


/*
------------13. ���̐l----------------
*/

#konohito{
	margin-top:20px;
	border:1px solid #999;
	padding:0;
}

#konohito h2{
	padding:0;
	margin: 0;
}
#konohito .Thumbnail{
	padding:1.5em 0px 10px 0px;
}
#konohito .ThumbnailLink{
	text-align:left!important;
	padding-bottom:0.1em;
	padding-left:18px;
	line-height:130%;
	width:148px;
}

#konohito ul.LinkNav li{
	padding-bottom:10px;
}
#konohito .ThumbnailLink span{
	padding-left:2px;
	font-size:70%;
	color:#666;
}


@media tty {i{content:"\";/*" "*/}}@m; @import 'ie55win.css'; /*";}}/* */

@media tty {i{content:"\";/*" "*/}}; @import 'ie5win.css'; {;}/*";}}/* */