/**********************************************************************
ファイル名 ： css [ contents.css ]
作成日     ： 09.03.17
機能名     ： 画面構成用（メニュー部分、本文表示部分等）
**********************************************************************/

/*------------------------------------------------------
 contents
------------------------------------------------------*/

#contentsHeaderArea{
	background-color:#E5FFE5;
	padding: 0 0 2px 0;
	margin: 0 0 0 0 ;
	border-top: 1px #ededed solid;
	width:766px;
}

#contentsArea{
	
}

#contentsBase{
	
}

body#pop #contentsHeaderArea{
	background-color:#E5FFE5;
}

body#normal #contentsHeaderArea{
	background-color:#E5FFE5;
}

body#normal_noline #contentsHeaderArea{
	background-color:#E5FFE5;
}

body#split #contentsHeaderArea{
	background-color:#E5FFE5;
}

body#white #contentsHeaderArea{
	background-color:#E5FFE5;
}

body#split_map #contentsHeaderArea{
	background-color:#E5FFE5;
}







body#pop #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_pop_contents.gif);
	background-repeat:repeat-y;
}

body#normal #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_contents_normal.gif);
	background-repeat:repeat-y;
}

body#normal_noline #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_contents_normal_noline.gif);
	background-repeat:repeat-y;
}

body#split #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_contents.gif);
	background-repeat:repeat-y;
}

body#white #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_contents.gif);
	background-repeat:repeat-y;
}

body#split_map #contentsArea{
	background-color:#E5FFE5;
	background-image:url(../img/bg_contents.gif);
	background-repeat:repeat-y;
}

body#pop #contentsBase{
	width:660px;
}

body#normal #contentsBase,
body#normal_noline #contentsBase{
	width:766px;
	min-height:550px;
}

body#split #contentsBase{
	width:766px;
	min-height:550px;
	background-image:url(../img/cn_bg.gif);
}

body#white #contentsBase{
	width: 720px;
	_width: 766px;
	padding :0 23px 0;
}

body#split_map #contentsBase{
	width:766px;
	min-height:550px;
	background-image:url(../img/cn_bg_map.gif);
}

/*------------------------------------------------------
 main
------------------------------------------------------*/
#mainArea{

}

body#pop #mainArea{
	width:660px;
}

body#normal #mainArea,
body#normal_noline #mainArea{
	width:766px;
}

body#split #mainArea{
	width:605px;
	float:left;
}

body#white #mainArea{
	float:left;
	width:520px;
}

body#split_map #mainArea{
	width:605px;
	float:left;
}

#mainBase{
	padding:22px 0 0 0;
}


/*-------------------
 mainArea background
-------------------*/
.main_bg_all{
	background-image:url(../img/ma_bg_all.gif);
	background-repeat:no-repeat;
}

/*-------------------
 title box(商品用)
-------------------*/
.box_title_sec{
	border-left:5px solid #4CFF4C;
	padding:9px 0 0 10px;
	margin:0 40px 15px 13px;
}

/*-------------------
 title
-------------------*/
h1{
	margin:0;
	padding:0 0 9px 0;
}

body#white #contentsArea h1{
	margin:0;
	padding:0 0 15px 0;
}

.world_box_title_top h1{
	margin:0;
	padding:0 0 0 0;
}

h2{
	margin:0 0 8px 0;
	padding:0;
}

h3{
	margin:0;
	padding:0;
}

p.readtext{
	color:#8B8A8A;
	font-weight:bold;
	margin:0;
	padding:11px 0 9px 0;
}

p.readtext .nobold{
	font-weight:normal;
}

/*-------------------
 shohin
-------------------*/
.shohin{
	background-color:#E6E6E6;
}

/*-------------------
 privacy
-------------------*/
.privacy{
	font-size:14px;
}

/*-------------------
 margin
-------------------*/
.mrg_side_none{
	margin:0 0 0 0;
}

.mrg_side_s{
	margin:0 8px 0 8px;
}

.mrg_side_m{
	margin:0 16px 0 16px;
}

.mrg_side_l{
	margin:0 8px 0 32px;
}

.mrg_side_world{
	margin:0 7px 0 7px;
}


/*-------------------
 box
-------------------*/
.box_content{
	margin:0 30px 0 16px;
}

.box_content_rightEx{
	margin:0 0 0 30px;
}

.box_content_leftEx{
	margin:0 30px 0 0;
}

.box_content_bothEx{
	margin:0 0 0 0;
}

.box_pagetop{
	text-align:right;
	margin:0 22px 0 31px;
	padding:20px 0 30px 0;
}

.box_customer{
	border:1px solid #4393CB;
	background-color:#F9FDFD;
	padding:3px 3px 10px 3px;
}

/*-------------------
 bgcolor ( background )
   bg_dxxx : dark xxx
   bg_lxxx : light xxx
-------------------*/
.bg_lblue{
	background-color:#E9F6FC;
}

.bg_cblue{
	background-color:#ABC2DD;
}

.bg_orange{
	background-color:#E9B083;
}

.bg_blue{
	background-color:#009AD3;
}

.bg_lblue{
	background-color:#69C3E4;
}

.bg_lgray_pop{
	background-color:#F7F7F7;
}


/*-------------------
 background
-------------------*/
.dotline{
	background-image:url(../img/dotline.gif);
	background-repeat:repeat-x;
}

/*-------------------
 background
-------------------*/
.underline_gray{
	border-bottom:1px solid #B0B0B0;
}

/*-------------------
 list
-------------------*/
ul{
	margin:0;
	padding:0;
}

li{
	list-style:none;
	background-image:url(../img/cmn_icon_list.gif);
	background-repeat:no-repeat;
	background-position:0 0.3em;
	padding:0 0 10px 10px;
}


/*-------------------
 text color
   cl_dxxx : dark xxx
   cl_lxxx : light xxx
-------------------*/
.cl_brown{
	color:#B36F3E;
}

.cl_khaki{
	color:#CBBFAF;
}

.cl_gray{
	color:#594E4E;
}

.cl_dblue{
	color:#51708A;
}

.cl_lgray{
	color:#8B8A8A;
}

.cl_circle{
	color:#0099D4;
}

.cl_white{
	color:#FFFFFF;
}

.cl_dbrown{
	color:#644221;
}

.cl_emerald{
	color:#42B2AD;
}

.cl_orange{
	color:#E7A204;
}


/*-------------------
 table
-------------------*/
table.tab_white{
}

table.tab_white th , table.tab_white td{
	padding:0px;
	vertical-align:top;
}

table.tab_white th.Delimit, table.tab_white td.Delimit{
	vertical-align:middle;
	color: #E6E6E6;
}

table.tab_white th{
	font-weight:normal;
	text-align:left;
}

table.tab_gray{
	border-top:1px solid #000000;
	border-left:1px solid #000000;
}

table.tab_gray th , table.tab_gray td{
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	padding:5px;
	vertical-align:top;
}

table.tab_gray th{
	background-color:#666666;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}

table.tab_gray td{
	text-align:right;
}

table.tab_green{
	border-top:1px solid #A9BFC0;
	border-left:1px solid #A9BFC0;
}

table.tab_green th , table.tab_green td{
	border-bottom:1px solid #A9BFC0;
	border-right:1px solid #A9BFC0;
	padding:5px;
	vertical-align:top;
}

table.tab_green th.Delimit, table.tab_green td.Delimit{
	vertical-align:middle;
}

table.tab_green th{
	background-color:#F7FEFD;
	font-weight:normal;
	text-align:left;
}

table.tab_orange{
	border-top:1px solid #CCB19D;
	border-left:1px solid #CCB19D;
}

table.tab_orange th , table.tab_orange td{
	border-bottom:1px solid #CCB19D;
	border-right:1px solid #CCB19D;
	padding:5px;
	vertical-align:top;
}

table.tab_orange th{
	background-color:#FDF9F1;
	font-weight:normal;
	text-align:left;
}

table.tab_blue{
	border-top:1px solid #A9BFC0;
	border-left:1px solid #A9BFC0;
}

table.tab_blue th , table.tab_blue td{
	border-bottom:1px solid #A9BFC0;
	border-right:1px solid #A9BFC0;
	padding:5px;
	vertical-align:top;
}

table.tab_blue th{
	background-color:#F7FEFD;
	font-weight:normal;
	text-align:left;
}


/*------------------------------------------------------
 naviArea
------------------------------------------------------*/

body#white #contentsBase #naviArea{
	float:left;
	width: 190px;
	margin: 0 0 0 10px;
}


/*------------------------------------------------------
 menu
------------------------------------------------------*/
#menuArea{
	float:left;
	width:161px;
}

#menuBase{

}

#menuArea .category{
	height:24px;
}

#menuArea ul{
	margin:0;
	padding:0;
}

#menuArea li{
	padding:0;
	background-image:none;
	list-style:none;
	font-size:12px;
	line\-height:16px;
}


/* submenu */
#menuArea .submenu{
	margin:0 0 0 4px;
}

#menuArea .submenu div{
	background-image:url(../img/menu_arrow.gif);
	background-color:#E5FFC0;
	background-repeat:no-repeat;
	background-position:7px 0.8em;
	padding:8px 10px 8px 20px;
	border-bottom:1px solid #9EC1CC;
}

#menuArea .submenu div.normal_top{
	border-top:1px solid #9EC1CC;
}

body#split_map #menuArea .submenu div{
	background-image:url(../img/mn_icon_map_normal.gif);
	background-color:#FEF2D9;
	background-repeat:no-repeat;
	background-position:7px 0.8em;
	padding:8px 10px 8px 20px;
	border-bottom:1px solid #FFCD4E;
}

#menuArea .submenu div.active{
	background-image:url(../img/menu_arrow.gif);
	background-color:#4CFF4C;
	font-weight:bold;
}

#menuArea .submenu div.active_top{
	background-image:url(../img/menu_arrow.gif);
	background-color:#4CFF4C;
	font-weight:bold;
	border-top:1px solid #9EC1CC;
}

body#split_map #menuArea .submenu div.active{
	background-image:url(../img/mn_icon_map_active.gif);
	background-color:#FED56D;
	font-weight:bold;
}

body#split_map #menuArea .submenu div.active_top{
	background-image:url(../img/mn_icon_map_active.gif);
	background-color:#FED56D;
	font-weight:bold;
	border-top:1px solid #9EC1CC;
}

#menuArea .submenu div.active_down{
	background-image:url(../img/mn_icon_active_down.gif);
	background-color:#4CFF4C;
	font-weight:bold;
}

body#split_map #menuArea .submenu div.active_down{
	background-image:url(../img/mn_icon_map_active_down.gif);
	background-color:#FED56D;
	font-weight:bold;
}

#menuArea .submenu div.child_normal{
	background-image:url(../img/mn_icon_child_active.gif);
	background-color:#4CFF4C;
	background-position:24px 0.8em;
	padding-left:37px;
}

body#split_map #menuArea .submenu div.child_normal{
	background-image:url(../img/mn_icon_map_child_active.gif);
	background-color:#FEE9B8;
	background-position:24px 0.8em;
	padding-left:37px;
}

#menuArea .submenu div.child_active{
	background-image:url(../img/mn_icon_child_active.gif);
	background-color:#4CFF4C;
	background-position:24px 0.8em;
	padding-left:37px;
	font-weight:bold;
}

body#split_map #menuArea .submenu div.child_active{
	background-image:url(../img/mn_icon_map_child_active.gif);
	background-color:#FEE9B8;
	background-position:24px 0.8em;
	padding-left:37px;
	font-weight:bold;
}


/* submenu - normal link */
#menuArea .submenu a:link   { color:#086CC2; text-decoration:none; }
#menuArea .submenu a:visited{ color:#086CC2; text-decoration:none; }
#menuArea .submenu a:hover  { color:#51A5ED; text-decoration:underline; }
#menuArea .submenu a:active { color:#51A5ED; text-decoration:underline; }

/* submenu - active link */
#menuArea div.active a:link   { color:#516F87; text-decoration:none; }
#menuArea div.active a:visited{ color:#516F87; text-decoration:none; }
#menuArea div.active a:hover  { color:#516F87; text-decoration:underline; }
#menuArea div.active a:active { color:#516F87; text-decoration:underline; }

/* submenu - normal link */
body#split_map #menuArea .submenu a:link   { color:#0BAADC; text-decoration:none; }
body#split_map #menuArea .submenu a:visited{ color:#0BAADC; text-decoration:none; }
body#split_map #menuArea .submenu a:hover  { color:#0BDCD5; text-decoration:underline; }
body#split_map #menuArea .submenu a:active { color:#0BDCD5; text-decoration:underline; }

/* submenu - active link */
body#split_map #menuArea div.active a:link   { color:#0BAADC; text-decoration:none; }
body#split_map #menuArea div.active a:visited{ color:#0BAADC; text-decoration:none; }
body#split_map #menuArea div.active a:hover  { color:#0BAADC; text-decoration:underline; }
body#split_map #menuArea div.active a:active { color:#0BAADC; text-decoration:underline; }

/* mainArea link */
#mainArea a:link   { color:#516F87; text-decoration:none; }
#mainArea a:visited{ color:#516F87; text-decoration:none; }
#mainArea a:hover  { color:#516F87; text-decoration:underline; }
#mainArea a:active { color:#516F87; text-decoration:underline; }

/*-------------------
 menuArea background
-------------------*/

.menu_bg_all{
	background-image:url(../img/sm_bg.gif);
	background-repeat:no-repeat;
}

.menu_bg_none{
	background-image:url(../img/sm_bg.gif);
	background-repeat:no-repeat;
}

.menu_bg_company{
	background-image:url(../img/sm_bg.gif);
	background-repeat:no-repeat;
}


/*------------------------------------------------------
 link
------------------------------------------------------*/
a:link   { color:#086CC2; text-decoration:underline; }
a:visited{ color:#086CC2; text-decoration:underline; }
a:hover  { color:#51A5ED; text-decoration:underline; }
a:active { color:#51A5ED; text-decoration:underline; }

/* world - link */
.icon_link_or a:link   { color:#E7A204; text-decoration:underline; }
.icon_link_or a:visited{ color:#E7A204; text-decoration:underline; }
.icon_link_or a:hover  { color:#E77F04; text-decoration:underline; }
.icon_link_or a:active { color:#E77F04; text-decoration:underline; }


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