@charset "UTF-8";

/* base styles */

body{
	background: #FFF;
	/*\*/
	width : 100%;
	height: 100%;
	/* */
	text-align: center;
}

/* ------------------------------
	フォントサイズ
------------------------------ */

body,p,div,dd,dt,dl,ul,li,ol,td,th,form,input,select,textarea,option {
	font-size:12px;
	line-height:130%;
	color:#484540;
}

h1{
	font-size:16px; 
	line-height:145%;
}

h2{
	font-size:14px; 
	line-height:145%;
}

h3{
	font-size:12px; 
	line-height:145%;
}


.fs10,
.fs10 a{
	font-size:10px;
	line-height: 1.3;
}

.fs10h,
.fs10h a{
	font-size:10px;
	line-height: 1.3;
}

.fs12,
.fs12 a{
	font-size:12px;
	line-height: 1.5;
}

.fs12h,
.fs12h a{
	font-size:12px;
	line-height: 1.8;
}

.fs14,
.fs14 a{
	font-size:14px;
	line-height: 1.5;
}

.fs14h,
.fs14h a{
	font-size:14px;
	line-height: 1.8;
}

.fs16,
.fs16 a{
	font-size:16px; 
	line-height:145%;
}

.fs16h,
.fs16h a{
	font-size:16px;
	line-height:160%;
}


/* ------------------------------
	ベースレイアウト
------------------------------ */

/* 本文幅の設定 */

#main-container{
	background: url(../img/cmo_main_bg.jpg) top repeat-x;
	padding:0 10px;
}

#main-cont-area-wrap {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* 左メインコンテンツ領域の設定 */

#main-cont-area {
	width:730px;
	float:left;
}

/* 右メインコンテンツ領域の設定 */

#secondary-area {
	float:right;
	width:230px;
}

/* パンクズ */

#link-path li{
	display:block;
	float:left;
	padding:8px 4px 4px;
}

#link-path li a{
	text-decoration:underline;
}

/* ------------------------------
	ヘッダ
------------------------------ */

#header-area-wrap{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom:6px;
}

#header-area-wrap #header-area-wrap-l{
	float:left;
	width:590px;
}

#header-area-wrap #header-area-wrap-l h1#header-area-logo{
	padding:8px 0 0 8px;
	margin:0 0 0px 0;
	font-weight:500;
}

#header-area-wrap #header-area-wrap-l a{
	display:block;
	padding:5px 0 0 8px;
	width:200px;
	height:45px;
}

#header-area-wrap #header-area-wrap-r{
	float:right;
	width:390px;
}

/* --- 商品検索 --- */

form#header-search-wrap {
	border:2px #EBEAE4 solid;
	background:#F4F2EB;
	padding:2px;
	margin-bottom:6px;
}

form#header-search-wrap dl#header-search-box {
	width:380px;
}

form#header-search-wrap dl#header-search-box dt,
form#header-search-wrap dl#header-search-box dd{
	float:left;
}

form#header-search-wrap dl#header-search-box dt img{
	padding-top:.6em;
}

form#header-search-wrap dl#header-search-box dd input.header-search-btn{
	padding:.5em 0 .1em 8px;
}

form#header-search-wrap dl#header-search-box dd input.header-search-input{
	border:1px solid #DEDDD4;
	width:200px;
	margin:8px 0;
	height:1.3em;
}

dl#header-textSize-box{
	width:240px;
	float:left;
}

dl#header-textSize-box dt,dl#header-textSize-box dd{
	float:left;
}

dl#header-textSize-box dd{
	text-indent:-9999px;
	width:38px; height:33px;
}

dl#header-textSize-box dd a{
	display:block;
	text-indent:-9999px;
	width:38px; height:33px;
}

dl#header-textSize-box dd.header-textSize-l a{ background:url(../img/cmo_head_textsize_l.gif) top no-repeat;}
dl#header-textSize-box dd.header-textSize-m a{ background:url(../img/cmo_head_textsize_m.gif) bottom no-repeat;}
dl#header-textSize-box dd.header-textSize-s a{ background:url(../img/cmo_head_textsize_s.gif) top no-repeat;}

dl#header-textSize-box dd.header-textSize-l a:hover{ background:url(../img/cmo_head_textsize_l.gif) bottom no-repeat; }
dl#header-textSize-box dd.header-textSize-m a:hover{ background:url(../img/cmo_head_textsize_m.gif) bottom no-repeat; }
dl#header-textSize-box dd.header-textSize-s a:hover{ background:url(../img/cmo_head_textsize_s.gif) bottom no-repeat; }

/*削除
ul#header-printBtn-box{
	width:112px;
	float:right;
*/
}

ul#header-cartBtn-box{
	width:134px;
	float:right;
}


/* ------------------------------
	グローバルナビ
------------------------------ */

#secondary-area #service-menu-wrap{
	margin-top:10px;
	background:#E6E2D3;
	padding:3px;
}

#secondary-area #service-menu-wrap dl dt,
#secondary-area #service-menu-wrap dl dd {
	font-size:xx-small;
	width:224px;
}

#secondary-area #service-menu-wrap dl dt a,
#secondary-area #service-menu-wrap dl dd a{
	width:224px;
	display:block;
}

#service-menu-wrap dl a.service-menu-active{
	color:#F76A1E;
}
#service-menu-wrap dl dt#service-menu-search a{
	background: url(../img/service_menu_search.gif) no-repeat left top;height:50px;text-indent:-9999px;}

#service-menu-wrap dl dt#service-menu-search a:hover,
#service-menu-wrap dl dt#service-menu-search a.service-menu-active {
	background: url(../img/service_menu_search.gif) no-repeat right top;height:50px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-howto a{
	background: url(../img/service_menu_howto.gif) no-repeat left top;height:30px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-howto a:hover,
#service-menu-wrap dl dd#service-menu-howto a.service-menu-active {
	background: url(../img/service_menu_howto.gif) no-repeat right top;height:30px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-schedule a{
	background: url(../img/service_menu_schedule.gif) no-repeat left top;height:30px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-schedule a:hover,
#service-menu-wrap dl dd#service-menu-schedule a.service-menu-active {
	background: url(../img/service_menu_schedule.gif) no-repeat right top;height:30px;text-indent:-9999px;}

#service-menu-wrap dl dt#service-menu-info a{
	background: url(../img/service_menu_info.gif) no-repeat left top;height:50px;text-indent:-9999px;}

#service-menu-wrap dl dt#service-menu-info a:hover,
#service-menu-wrap dl dt#service-menu-info a.service-menu-active {
	background: url(../img/service_menu_info.gif) no-repeat right top;height:50px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoSolu a{
	background: url(../img/service_menu_info_solu.gif) no-repeat left top;height:28px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoSolu a:hover,
#service-menu-wrap dl dd#service-menu-infoSolu a.service-menu-active {
	background: url(../img/service_menu_info_solu.gif) no-repeat right top;height:28px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoSemi a{
	background: url(../img/service_menu_info_semi.gif) no-repeat left top;height:27px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoSemi a:hover,
#service-menu-wrap dl dd#service-menu-infoSemi a.service-menu-active {
	background: url(../img/service_menu_info_semi.gif) no-repeat right top;height:27px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoLot dl dt{
	background: url(../img/service_menu_info_lot.gif) no-repeat left top;;height:24px;text-indent:-9999px;
}

#service-menu-wrap dl dd#service-menu-infoLot dl dd{
	width:224px;
	background:url(../img/service_menu_sub_bg.gif) repeat-y;}

#service-menu-wrap dl dd#service-menu-infoLot dl dd.fs10 a{
	width:200px;/* --IE6で幅設定変更-- */
	padding:2px 4px 4px 20px;
}

#service-menu-wrap dl dd#service-menu-infoCata a{
	background: url(../img/service_menu_info_cata.gif) no-repeat left top;height:29px;text-indent:-9999px;}

#service-menu-wrap dl dd#service-menu-infoCata a:hover,
#service-menu-wrap dl dd#service-menu-infoCata a.service-menu-active {
	background: url(../img/service_menu_info_cata.gif) no-repeat right top;height:29px;text-indent:-9999px;}

#service-menu-wrap dl dt#service-menu-dictionary a{
	background: url(../img/service_menu_dictionary.gif) no-repeat left top;height:50px;text-indent:-9999px;}

#service-menu-wrap dl dt#service-menu-dictionary a:hover,
#service-menu-wrap dl dt#service-menu-dictionary a.service-menu-active {
	background: url(../img/service_menu_dictionary.gif) no-repeat right top;height:50px;text-indent:-9999px;}


#secondary-area .sub-menu-wrap{
	margin-top:10px;
	background:#E6E2D3;
	padding:3px;
}

#secondary-area .sub-menu-wrap ul{
	padding:2px;
	background:#FFFFFF;
}

#secondary-area .sub-menu-wrap ul li{
	background:url(../img/cmo_sub_nab_bg.gif) no-repeat center;
	border-top:1px solid #F2F0E9;
	padding:0;
	margin:0;
}

#secondary-area .sub-menu-wrap ul li a{
	padding:8px 16px 8px 8px;
	display:block;
	font-weight:500;
	width:200px;/* --IE6で幅設定変更-- */
}

#secondary-area .sub-menu-wrap ul li a:hover,
#secondary-area .sub-menu-wrap ul li a.service-menu-active{
	color:#F76A1E;
	text-decoration:none;
}

#secondary-area ul.sub-banner-wrap{
	margin-top:10px;
	padding:1px;
}

#secondary-area ul.sub-banner-wrap li{
	padding-bottom:8px;
}


/* ------------------------------
	フッター
------------------------------ */
#footer-area-wrap{
	background:url(../img/cmo_fot_bg.gif) repeat-x;
}

#footer-area-wrap p.cmo-pageTop{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	padding-bottom:5px;
}

#footer-area-wrap #footer-area{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#footer-area-wrap #footer-area #footer-area-l{
	float:left;
	width:580px;
}

#footer-area-wrap #footer-area #footer-area-l ul#footerNav li{
	float:left;
}

#footer-area-wrap #footer-area #footer-area-l ul#footerNav li a{
	display:block;
	padding:5px 10px 5px 10px;
}

#footer-area-wrap #footer-area address{
	float:right;
	width:360px;
	height:60px;
}


/* ------------------------------
	商品検索
------------------------------ */

#searchBox-wrap {
	margin-top:12px;
	width:712px;
}

#searchBox-wrap form#searchBox {
	width:376px;
	float:left;
	background:url(../img/search_box_bg.gif) repeat-y;
	margin-bottom:15px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check01{
	background:#F5F5F6;
	margin:0px 3px;
	padding:2px;
	width:370px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check01 td{
	padding:6px 10px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check01 td.searchi-box-item-check01{
}

#searchBox-wrap form#searchBox table#searchBox-item-check01 td.searchi-box-item-check02{
	background:#F5F5F6 url(../img/search_box_dotline.gif) left repeat-y;
}

#searchBox-wrap form#searchBox table#searchBox-item-check01 td.searchi-box-item-check03{
	background:#F5F5F6 url(../img/search_box_dotline.gif) left repeat-y;
}

#searchBox-wrap form#searchBox table#searchBox-item-check02{
	margin:6px 3px;
	width:370px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check02 th{
	padding:4px 4px 4px 10px; 
	vertical-align:top;
}

#searchBox-wrap form#searchBox table#searchBox-item-check02 th.fs12 {
	width:128px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check02 th.fs12h {
	padding:6px 4px 0; 
}

#searchBox-wrap form#searchBox table#searchBox-item-check02 td{
	vertical-align:top;
	padding:6px 10px 0 10px;
}

#searchBox-wrap form#searchBox table#searchBox-item-check02 td select,
#searchBox-wrap form#searchBox table#searchBox-item-check02 td input {
	width:160px;
	margin-top:3px;
}

#searchBox-wrap p.searchBox-r{
	width:334px;
	float:right;
}

/* 左インデントの設定 */
.com_box{
	width:650px;
	margin: 5px 0px 0px 10px;
	padding:5px
}

.com_box2{
	width:600px;
	margin: 5px 0px 5px 5px;
	padding:5px
}
/* テーブル */

#form-table table{
	margin:5px 0px 0px 0px;
	border:3px #ffffff solid;
	width:650px;
}

#form-table th{
	text-align:left;
	padding:3px;
}

#form-table td{
	text-align:left;
	padding:3px;
}