@charset "UTF-8";

/*
information{
	file name : /css/individual/calendar/index.css
	infomation : This CSS file define calendar category styles.;
	site name : Takahashi Shoten;
	url : http://www.takahashishoten.co.jp;
	copyrihgt : Copyright (C) Takahasi Shoten Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------
1.  sideborder [main area modules]
2. Title-h1-line [main area modules]
3. Title-h1-line-btn [main area modules]
4. Title-H2 [main area modules]
5. Title-H2 tab [main area modules]
6. Title-H2-btn [main area modules]
7. Title-H2-text [main area modules]
8. subtitle [main area modules]
9. tab 4 navigation [main area modules]
10. tab 3 navigation [main area modules]
11. tab 2 navigation [main area modules]
12. color square list [main area modules]
13. menuList [side menu area]
14. menuList link color [side menu area]
15. arrow link style [side menu area]
--------------------------------------------------------------------------
*/

/* 1.  sideborder [main area modules]
-----------------------------------------------	*/

div#mainArea div.sideborder {
	border-left: solid 4px #FF8C00;
}



/* 2. Title-h1-line [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h1-line {
	border-bottom: 3px solid #FF8C00;
}

div#mainArea div.title-h1-line h1 {
	color: #FF8C00;
}


/* 3. Title-h1-line-btn [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h1-line-btn {
	border-bottom: 3px solid #FF8C00;
}

div#mainArea div.title-h1-line-btn h1 {
	color: #FF8C00;
}


/* 4. Title-H2 [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2 {
	border-bottom: 2px solid #FF8C00;
}

div#mainArea div.title-h2 h2 {
	color: #FF8C00;
}

/* 5. Title-H2 tab [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2-tab {
	border-bottom: 2px solid #FF8C00;
}

div#mainArea div.title-h2-tab h2 {
	color: #FF8C00;
}


/* 6. Title-H2-btn [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2-btn {
	border-bottom: 2px solid #FF8C00;
}

div#mainArea div.title-h2-btn h2 {
	color: #FF8C00;
}


/* 7. Title-H2-text [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2-text {
	border-bottom: 2px solid #FF8C00;
}

div#mainArea div.title-h2-text h2 {
	color: #FF8C00;
}


/* 8. subtitle [main area modules]
-----------------------------------------------	*/
div#mainArea p.subtitle {
	border-left: 3px solid #FF8C00;
	color: #FF8C00;
}

/* 9. tab 4 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab4Navigation{
	border-bottom: 1px solid #FF8C00;
}

div#mainArea div.tab4Navigation ul li a {
	background-color: #FFB55A;
}

div#mainArea div.tab4Navigation ul li em {
	background-color: #FF8C00;
}

div#mainArea div.tab4Navigation ul li em span {
	background-image: url("../../../calendar/img/detail_tab_arrow.gif");
}


/* 10-1. tab 5 navigation [main area modules](2007.11.12追加）
-----------------------------------------------	*/
div#mainArea div.tab5Navigation{
	border-bottom: 1px solid #946BCF;
}

div#mainArea div.tab5Navigation ul li a {
	background-color: #C5AEE5;
}

div#mainArea div.tab5Navigation ul li em {
	background-color: #946BCF;
}

div#mainArea div.tab5Navigation ul li em span {
	background-image: url("../../../diary/img/detail_tab_arrow.gif");
}



/* 10. tab 3 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab3Navigation{
	border-bottom: 1px solid #FF8C00;
}

div#mainArea div.tab3Navigation ul li a {
	background-color: #FFB55A;
}

div#mainArea div.tab3Navigation ul li em {
	background-color: #FF8C00;
}

div#mainArea div.tab3Navigation ul li em span {
	background-image: url("../../../calendar/img/detail_tab_arrow.gif");
}


/* 11. tab 2 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab2Navigation{
	border-bottom: 1px solid #FF8C00;
}

div#mainArea div.tab2Navigation ul li a {
	background-color: #FFB55A;
}

div#mainArea div.tab2Navigation ul li em {
	background-color: #FF8C00;
}

div#mainArea div.tab2Navigation ul li em span {
	background-image: url("../../../calendar/img/detail_tab_arrow.gif");
}

/* 12. color square list [main area modules]
-----------------------------------------------	*/
div#mainArea ul.colorSquareList li,
div#mainvisual ul.colorSquareList li,
div#miscArea ul.colorSquareList li {
	color: #FF8C00;
}




/* 13. menuList [side menu area]
-----------------------------------------------	*/

div#sideMenuArea div.menuList {
	background-color: #FFEFDC;
}

/* 14. menuList link color [side menu area]
-----------------------------------------------	*/

div#sideMenuArea div.categoryList a:hover {
	color: #FF8C00;
}


/* 15. arrow link style [side menu area]
-----------------------------------------------	*/

div#sideMenuArea ul.arrowG li a:hover,
div#sideMenuArea p.arrowG a:hover {
	background-image: url("../../../calendar/img/icon_arrow.gif");
	color: #FF8C00;
}

div#sideMenuArea ul.arrowG li.current em,
div#sideMenuArea p.arrowG p.current em{
	background-image: url("../../../calendar/img/icon_arrow.gif");
	color: #FF8C00;
}

/* 比較ページ （2008.09.25追加）*/
#mainArea h2#comparison {
	font-size: 80%;
	color: #ff8c00;
	margin-bottom: 10px;
	font-weight: bold;
	}
#miscArea .comparisonTb {
	width: 100%;
	margin-bottom: 30px;
	border-top: 2px solid #cccccc;
	}
#miscArea .comparisonTb th,
#miscArea .comparisonTb td {
	vertical-align: top;
	border-bottom: 2px solid #cccccc;
	}
#miscArea .comparisonTb th {
	padding: 3px 10px 3px 5px;
	text-align: left;
	background: #ECECEC;
	white-space: nowrap;
	font-size: 90%;
	}
#miscArea .comparisonTb td {
	padding: 3px 5px;
	border-right: 2px solid #ECECEC;
	text-align: center;
	}
#miscArea .comparisonTb .goodsName td,
#miscArea .comparisonTb .goodsDitail td{
	text-align: left;
	}
#miscArea .comparisonTb .exp td,
#miscArea .comparisonTb .goodsPict td {
	padding: 3px 0;
	text-align: center;
}
#miscArea .comparisonTb .exp td ul {
	width: 170px;
	margin: 0 auto;
}
#miscArea .comparisonTb .exp td li {
	width: 84px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	vertical-align: top;
	}
/* 比較ページ 終わり */

/* 特集ページ （2008.09.25追加）*/
#mainArea ul.character_point { 
    font-size: 0.8em; 
    margin-left: 20px; 
    list-style-image: url(../../../calendar/img/cap_point.gif); display: list-item; 
    }
#mainArea ul.character_point li { 
    line-height: 1.3em; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    }
#mainArea ul.character_point li .red { 
    color: #f00; 
    font-size: 1.2em; 
    text-decoration: underline; 
    }
#mainArea .box_detail { 
    background-color: #f2f0ea; 
    margin-top: 10px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    }
#mainArea .box_main { margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }
#mainArea p.lead { 
    font-size: 12px; 
    line-height: 16px; 
    margin-top: 5px; 
    }
#mainArea .box_main .small_box { width: 280px; float: left; clear: left; }
#mainArea .box_main .small_box .small_box_pic { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 130px; float: left; margin-right: 10px; margin-bottom: 5px; }
#mainArea .box_main .small_box .small_box_pic img { float: left; border: solid 1px #999; }
#mainArea .box_main .small_box .small_box_pic2 { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 176px; height: 193px; float: left; margin-right: 10px; margin-bottom: 5px; }
#mainArea .box_main .small_box .small_box_pic2 img { 
    border: solid 1px #999; 
    }    
#mainArea .box_main .box_detailpic { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 272px; float: left; margin-bottom: 15px; }
#mainArea .box_main .box_detailpic img { 
    border: solid 1px #999; 
    }
#mainArea .box_main .box_detailpic2 { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 272px; float: right; margin-bottom: 15px; }
#mainArea .box_main .box_detailpic2 img { 
    border: solid 1px #999; 
    } 
#mainArea .box_main .box_detailpic3 { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 180px; height: 435px; float: left; margin-right: 12px; margin-bottom: 15px; }
*html #mainArea .box_main .box_detailpic3 { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 9px; margin-bottom: 15px; width: 180px; height: 435px; float: left; }
#mainArea .box_main .box_detailpic3 img { 
    border: solid 1px #999; 
    }       
#mainArea .box_main .box_detailpic4 { background-image: url(../../../calendar/img/icon_tools.gif); background-repeat: no-repeat; background-position: right bottom; width: 180px; height: 435px; float: right; margin-bottom: 15px; }
#mainArea .box_main .box_detailpic4 img { 
    border: solid 1px #999; 
    }           
#mainArea .sideborder2 { padding-top: 20px; border-top: 1px solid #291713; }
#mainArea .sideborder2 h2 { margin-bottom: 10px; padding-left: 10px; border-left: 5px solid #fc0909; }
/* 特集ページ 終わり */

/* clearfix */
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
    }
.clearfix{
    display: inline-block;
    }
    
/* Hides from IE-mac ¥*/

*html .clearfix{ height: 1%; }
.clearfix{ display: block; }

/* End hide from IE-mac*/
/* 特集ページ （2009.09.25追加）*/
#mainArea .list_area { background-color: #efede6; padding-top: 5px; padding-bottom: 5px; display: block; }
#mainArea .list_area ul { margin-left: 7px; }
#mainArea .list_area ul li { width: 105px; height: 246px; float: left; margin-right: 6px; }
*html #mainArea .list_area ul li { margin-right: 4px; width: 105px; height: 246px; float: left; margin-left: 1px; }
#mainArea .list_area ul li a.list01 { background-image: url(../../../calendar/img/201201/btn_list01.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 246px; display: block; }
#mainArea .list_area ul li a.list01:hover { background-repeat: no-repeat; background-position: left bottom; }
#mainArea .list_area ul li a.list02 { background-image: url(../../../calendar/img/201201/btn_list02.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 246px; display: block; }
#mainArea .list_area ul li a.list02:hover { background-repeat: no-repeat; background-position: left bottom; }
#mainArea .list_area ul li a.list03 { background-image: url(../../../calendar/img/201201/btn_list03.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 246px; display: block; }
#mainArea .list_area ul li a.list03:hover { background-repeat: no-repeat; background-position: left bottom; }
#mainArea .list_area ul li a.list04 { background-image: url(../../../calendar/img/201201/btn_list04.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 246px; display: block; }
#mainArea .list_area ul li a.list04:hover { background-repeat: no-repeat; background-position: left bottom; }
#mainArea .list_area ul li a.list05 { background-image: url(../../../calendar/img/201201/btn_list05.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 246px; display: block; }
#mainArea .list_area ul li a.list05:hover { background-repeat: no-repeat; background-position: left bottom; }
#mainArea .box_main .recommend_box { width: 268px; float: right; padding: 2px; border: solid 1px #fc0909; }
#mainArea .box_main .recommend_box .reco_title { background-color: #d91900; margin-bottom: 7px; }
#mainArea .box_main .recommend_box ul { width: 240px; margin-left: 20px; }
#mainArea .box_main .recommend_box ul li { font-size: 12px; line-height: 130%; margin-bottom: 5px; list-style-type: disc; list-style-position: outside; }
#mainArea .detail_wrap { background-color: #efede6; padding: 2px; }
#mainArea .detail_area { background-color: #efede6; padding-right: 20px; padding-left: 20px; border: solid 1px #fff; }
#mainArea .detail_area h3 { width: 300px; float: left; }
#mainArea .detail_area a.btn_amazon { position: relative; top: 8px; width: 131px; float: right; }
#mainArea .detail_area img.finish { position: relative; top: 8px; width: 131px; float: right; }
.floart_left { float: left; }
.floart_right { float: right; }
#mainArea .btn_himekuri { background-image: url(../../../calendar/img/201201/btn_himekuri.jpg); background-position: left top; text-indent: -9999px; width: 564px; height: 134px; display: block; }
#mainArea .btn_himekuri:hover { background-position: left bottom; }
/* 4. pickup [side banner area]
-----------------------------------------------	*/
#sideMenuArea .pickup {
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 2px solid #EFEDE6;
}
#sideMenuArea .pickup p.subtitle {
	margin: 0px 0px 8px 0px;
	padding: 3px;
	background-color: #EFEDE6;
	font-size: 80%;
	font-weight: bold;
}
#sideMenuArea .pickup dl {
	margin: 0;
}
#sideMenuArea .pickup dl dt {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 3px;
	border-left: 3px solid #CCCCCC;
	font-size: 80%;
	font-weight: bold;
}
#sideMenuArea .pickup dl dd {
	min-height: 1%;
	margin: 0;
}
* html #sideMenuArea .pickup dl dd {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
#sideMenuArea .pickup dl dd p.thumb {
	float: left;
	width: 70px;
	margin: 0px 0px 15px 0px;
}
#sideMenuArea .pickup dl dd div.text {
	float: right;
	width: 121px;
	margin: 0;
}
#sideMenuArea .pickup dl dd div.text p {
	font-size: 80%;
	line-height: 150%;
}
#sideMenuArea .pickup dl dd div.text p span.small {
	font-size: 85%;
}
#sideMenuArea .pickup dl dd div.text p span.small2 { font-size: 85%; line-height: 120%; }