@charset "utf-8";
/* CSS Document */
/* for IE6 and over, chrome , Firefox */

/*default setting*/

body {
    font-size:13px;
    font-family:  "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    _font:14px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	position:relative;
	color:#444444;
}
hr.cb{
	visibility:hidden;
	height:1px;
	clear:both;
}
.f_l{
	float:left;
}
.f_r{
	float:right;
}

table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%;
line-height:1.5em;}
.text12 { font-size:93%;
line-height:1.5em;}
.text14 { font-size:108%;
line-height:1.5em; vertical-align:top;}
.text1401 { font-size:108%;vertical-align:top;}
.text16 { font-size:123.1%;
line-height:1.5em;}
.text18 { font-size:138.5%;
		line-height:1.2em;
		color: #0A925E;
		margin-bottom: 10px;
		font-weight:bold;  
}

.w231{
width: 231px;
word-break:break-all;

}

.text_default{
font-size:100%;
line-height:1.2em;}

em.em01{font-weight:bold;
font-style: normal;
line-height: 1.5em;
}

em.red{
color:#ff0000;}

h1,h2,h3,h4,h5,
img{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:medium;
}

ul{
list-style:none;
padding:0;
margin:0;}

/*float setting*/
.float_l{
float:left;}

.float_r{
float:right;}

/* new clearfix */
.clearfix{
position:relative;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; padding-top:auto; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; padding-top:auto; } /* IE7 */

/*margin setting*/
.mb10{
margin-bottom:10px;}
.mb20{
margin-bottom:20px;}

.mt20{
margin-top:20px;}
.mt15{
margin-top:15px;}
.mt10{
margin-top:10px;}

.mt5{
    margin-top:5px;
}



.mr10{
margin-right:10px;}
.ml10{
margin-left:10px;}


.pl35{
padding-left:35px !important;}

/*link setting*/
a{
color:#424242;
text-decoration:underline;}

a:hover{
color:#777777;
text-decoration:none;}

a:visited{
color:#777777;
text-decoration:underline;}


/*header setteing*/

div#header{
width:100%;
height:85px;
background:#ffffff;
position:relative;}

div#header div{
width:1000px;
position:relative;
/*left:50%;
margin-left:-500px;*/
margin:0 auto;
}

div#header div img.logo{
margin-left:0;
float:left;}

div#header div img.shopname{
float:left;
margin:41px auto auto 35px;}

div#header div h1.shopname01{
    float: left;
    margin: 41px auto auto 35px;
    width: 350px;
}

div#header div ul.min_navi{
float:right;
display:block;
width:424px;
height:23px;
margin:12px 12px 8px auto;
}

div#header div ul.min_navi li{
width:106px;
height:23px;
display:block;
float:left;
background:url(/cms_images/pc_image/min_navi.gif) no-repeat;}

div#header div ul.min_navi li a{
display:block;
height:23px;
text-indent:-999em;
}

div#header div ul.min_navi li.link01{
background-position:0 0;}

div#header div ul.min_navi li.link01:hover{
background-position:0 -23px;}

div#header div ul.min_navi li.link02{
background-position:-106px 0;}

div#header div ul.min_navi li.link02:hover{
background-position:-106px -23px;}

div#header div ul.min_navi li.link03{
background-position:-212px 0;}

div#header div ul.min_navi li.link03:hover{
background-position:-212px -23px;}

div#header div ul.min_navi li.link04{
background-position:-318px 0;}

div#header div ul.min_navi li.link04:hover{
background-position:-318px -23px;}


div#header ul.fontsize{
float:right;
display:block;
margin-right:12px;
}

div#header ul.fontsize li{
float:left;
cursor:pointer;
}


/*navigation setteing*/

div#navigation{
background:url(/cms_images/pc_image/bg_navigation.gif) repeat-x;
width:100%;
position:relative;}

div#navigation div{
width:1000px;
position:relative;
/*left:50%;
margin-left:-500px;*/
margin: 0 auto;
}

div#navigation div ul{
width:1000px;
height:52px;
display:block;
}

div#navigation div ul li{
display:block;
float:left;
height:52px;
background:url(/cms_images/pc_image/navigation.gif) no-repeat;}

div#navigation div ul li.link01{
width:168px;
background-position:0 0;
}
div#navigation div ul li.link01:hover{
background-position:0 -52px;
}

div#navigation div ul li.selected{
background-position:0 -52px;
}

div#navigation div ul li.link02{
width:166px;
background-position:-168px 0;
}
div#navigation div ul li.link02:hover{
background-position:-168px -52px;
}

div#navigation div ul li.selected02{
background-position:-168px -52px;
}


div#navigation div ul li.link03{
width:167px;
background-position:-334px 0;
}

div#navigation div ul li.link03:hover{
background-position:-334px -52px;
}

div#navigation div ul li.selected03{
background-position:-334px -52px;
}

div#navigation div ul li.link04{
width:166px;
background-position:-501px 0;
}

div#navigation div ul li.link04:hover{
background-position:-501px -52px;
}

div#navigation div ul li.selected04{
background-position:-501px -52px;
}

div#navigation div ul li.link05{
width:167px;
background-position:-667px 0;
}

div#navigation div ul li.link05:hover{
background-position:-667px -52px;
}

div#navigation div ul li.selected05{
background-position:-667px -52px;
}


div#navigation div ul li.link06{
width:166px;
background-position:-833px 0;
}

div#navigation div ul li.link06:hover{
background-position:-833px -52px;
}

div#navigation div ul li.selected06{
background-position:-833px -52px;
}


div#navigation div ul li a{
display:block;
height:52px;
text-indent:-999em;}

/*right column setting*/
div#right{
width:243px;
display:block !important;
display:inline;
float:right;
/*position:relative;*/
margin:12px 12px auto auto!important;margin: 12px 6px auto auto;
}

div#right h2{
margin-bottom:7px;}

div#right ul.bnr_list{
margin:0 0 5px 0;
}
div#right ul.bnr_list li{
margin-bottom:5px;
}
div#right ul.bnr_list li.last{
margin-bottom:10px;
}

div#right div.layout_shadow{
width:249px;
/*position:relative;*/
margin:0 -3px 10px -3px;
background:url(/cms_images/pc_image/right_col/bg_shadowmiddle.gif) repeat-y;
}

div#right div.layout_shadow div.top{
background:url(/cms_images/pc_image/right_col/bg_shadowtop.gif) no-repeat;
width:249px;
height:9px;
}

div#right div.layout_shadow div.bottom{
background:url(/cms_images/pc_image/right_col/bg_shadowbottom.gif) no-repeat;
width:249px;
height:9px;}

div#right div.layout_shadow div.middle{
padding:0 10px;
}

div#right div.layout_shadow div.middle .qr{
text-align:center;
}

div#right div.layout_shadow div.middle .qr img{
margin-bottom:7px;
}

div#right div.layout_shadow div.middle .areasearch{
text-align:center;
}

div#right div.layout_shadow div.middle .areasearch form{
margin-bottom:10px;}

div#right div.layout_shadow div.middle .areasearch select{
display:block;
width:100%;
margin-bottom:7px;
}

div#left div.layout_shadow div.mail_box{
    width: 326px;
    margin: 0 auto;
}


div#right div.visited{
}
div#right div.visited ul{
}
div#right div.visited ul li a{
background:url(/cms_images/pc_image/arrow_topics.gif) no-repeat 0 4px;
padding-left:20px;
}


/*left setting*/
div#content #left{
float:left;
display:block !important;
display:inline;
width:720px;
margin:12px auto auto 12px;
position:relative;}


/*content component setting */

div#content{
background:url(/cms_images/pc_image/bg_contents.gif);
/*width:2000px;
position:relative;
left:50%;
margin-left:-1000px;
display:block;*/
}

div#content{
position:relative;
/*overflow: hidden;*/
}



div#content div.layout{
width:1000px;
position:relative;
margin: 0 auto;
background: #fff;
}


div#content ul.listpath{
margin:0 auto 12px 0;
display:block;
position:relative;}

div#content ul.listpath li{
background:url(/cms_images/pc_image/pathlist_arrow.gif) no-repeat right;
padding:0 20px 0 0;
float:left;
display:block;
margin:0 12px 0 0;}

div#content ul.listpath li.last{
	background:none;
	padding-right:0;}


div#content div.section{
position:relative;}

/* ---------------------------------------layout box */

div#content #left div.layout_shadow{
width:743px;
background:url(/cms_images/pc_image/bg_left_shadowbox_middle.gif) repeat-y;
position:relative;
margin:0 0 5px -12px;
display:block;}

div#content #left div.layout_shadow h2{}

div#content #left div.layout_shadow div.top{
width:100%;
display:block;
background:url(/cms_images/pc_image/bg_left_shadowbox_top.gif) no-repeat;
height:13px;}

div#content #left div.layout_shadow div.bottom{
width:100%;
display:block;
background:url(/cms_images/pc_image/bg_left_shadowbox_bottom.gif) no-repeat;
height:13px;}

div#content #left div.layout_shadow div.middle{
padding:0 17px;
display:block;
}
div.middle .messageIframe{
	border: none;
	width: 100%;
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------modules-----------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/* ---------------------------------------text + img*/

#index div.l_image_r_text{
margin:0 7px 0;
}


div.l_image_r_text{
margin:0 7px 15px;
}
div.l_image_r_text img.left{
float:left;
margin-bottom:10px;
margin-left:10px;
}
div.l_image_r_text span.right{
	float:right;
	margin-right:10px;
}
div.l_image_r_text p{
    width:352px;
    padding: 0px;
    margin: 0px;
}

div.l_image_r_text .p_border{
    padding: 1px 5px;
    width: 336px;
    border: 1px solid #999999;
    margin-top:10px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.l_image_r_text .p_border_1{
    padding: 1px 5px;
    width: 336px;
    border: 1px solid #999999;
    margin-top:90px;
    _margin-top:40px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.l_image_r_text .p_border_1 .font_link{
    position:relative;
    top:10px;
    _top:18px;
}
div.l_image_r_text .p_border_1 .img_box{
    float: right;
    position: relative;
    top:3px;
    _top:11px;
}

div.l_image_r_text .p_border .font_link{
    position:relative;
    top:10px;
    _top:18px;
}
div.l_image_r_text .p_border .img_box{
    float: right;
    position: relative;
    top:3px;
    _top:11px;
}

div.l_image_r_text .tit_bra{
	width:352px;}
div.l_image_r_text .tit_bra .logo_tit{
    float: left;
    margin-right: 5px;
}
div.l_image_r_text .img_bra{
    float: left;
    margin-right: 16px;
}
div.l_image_r_text .tit_bra ul{
    float: right;
    width: 180px;
    margin-left:15px;
    margin-bottom: 2px;
}
div.l_image_r_text .tit_bra ul li{float: left;margin-right: 5px;}	
	
div.c_image_l_text{
margin:0 7px 15px;
/*text-align:center;*/
}
	div.c_image_l_text .tb_img{
	margin:0 auto 10px;
	}
	div.c_image_l_text .tb_p{
	margin:0 7px 15px;
	text-align:left;
	word-break: break-all;
}

/* ---------------------------------------color list*/

div.two_color_chart{
margin:0 7px;
display:block;
padding-top:10px;}

div.two_color_chart div{
background:#fff;
padding:10px;
border-top:1px dashed #5dc28d;}

div.two_color_chart div.last{
border-bottom:1px dashed #5dc28d;}


div.two_color_chart div.green{
background:#eafaf3;
/*text-align: center;*/
}

div.layout01 div.green{
background:#eafaf3;
 border-top: 1px dashed #5DC28D;
 padding: 10px;
 /*text-align: center;*/
}

div.layout01 div dl{
float:left;
width:560px;
}

div.layout01 div dt{
}

div.two_color_chart div img{
margin-right:10px;
/*float:left;  edit by xy 2013-01-18*/ 
}
div.two_color_chart div.green dl img{
	margin-right:auto;
	float:none;
}

div.two_color_chart div dl{
float:left;
width:560px;
}

div.two_color_chart div dt{
}

/*----------------------------------------links*/
p.historyback{
margin:10px 7px;
text-align:right;}

	p.historyback a{
}

/*----------------------------------------layout*/
div.layout01{
	margin:10px 7px 0;}

div.layout02{ /*for text base page*/
	margin:10px 7px 0;}

div.layout03{ /* error box*/
padding:10px;
margin:0 7px 15px;
border:3px solid #ff0000;
color:#ff0000;
font-weight:bold;}

	div.layout03 p{
	margin-bottom:0;}

/* ---------------------------------------footer*/

#footer{
width:1000px;
background:#edecec;
position:relative;}

#footer p.link{
float:left;
margin:15px auto auto 12px;}

#footer p.copy{
clear:left;
float:left;
margin:15px auto 20px 12px;
}

#footer div.marks{
float:right;
margin:15px 12px auto auto;
display:block;}

#footer div.marks img{
/*float:right;*/

}


/*by hal*/

/*div.r_image_l_text1 p {
    float: right;
    width: 352px;
}

div.r_image_l_text1 img {
    float: left;
	width:320px;
}*/




/*by hal 2012.11.05*/

div.r_image_l_text p{
	width:330px;
	float:left;
}
div.r_image_l_text{
	margin:0 7px 15px;
	width: 695px;
}
div.r_image_l_text .r_image {
	float:right;
	width:320px;
}
div.l_image_r_text .l_image {
	float:left;
	width:320px;
}
div.l_image_r_text1 p {
    float: left;
    width: 330px;
}
div.l_image_r_text1 {
    margin: 0 7px 15px;
    width: 695px;
}
div.l_image_r_text2 p {
    float: right;
    width:445px;
}
div.l_image_r_text2 .l_image {
	float:left;
	width:240px;
}
div.r_image_l_text2 p {
    float:left;
    width:445px;
}
div.r_image_l_text2 .r_image {
	float:right;
	width:240px;
}
div.l_image_r_text2 {
    margin: 0 10px 15px;
    width: 695px;
}
div.r_image_l_text2 {
    margin: 0 10px 15px;
    width: 695px;
}
div.l_image_r_text1 .r_image {
	float:right;
	width:320px;
}
div.r_image_l_text2 .r_image {
	float:right;
	width:240px;
}


table.pt{
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}
table .pt td{ padding:10px 0;}

/* ========== errorExplanation ========== */
.errorExplanation {
    /* width: 623px;*/
    border: 2px solid #AE0000;
    padding: 7px;
    padding-bottom: 10px;
    margin:10px auto;
    background-color: #f0f0f0;
}
.errorExplanation h2{
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    margin: -7px;
    background: #AE0000 none;
    color: #fff;
    border-bottom:none;
}
.errorExplanation p {
    margin:10px 0;
    color: #333;
    text-align:left;
}
.errorExplanation ul{
    padding-left:0;
    margin:12px 0 0;
}
.errorExplanation ul li {
    font-size: 12px;
    list-style: square;
    list-style-position:inside;
    text-align:left;
}

.notice{
    border:2px solid #99ccff;
    margin:10px 0;
    background-color:#ffffcc;
    color:#333;
    text-align:center;
    padding:5px;
}
.error{
    border:2px solid #ff3333;
    margin:10px 0;
    background-color:#ffffcc;
    color:#000;
    text-align:center;
    padding:5px;
}

div.hr_bra{
    height: 2px;
    background-color: #0A925E;
}

.message_other img{margin-bottom: 10px;}