@charset "UTF-8";

body {
    width: 100%;
	text-align: center;
	color: #000;
    -webkit-text-size-adjust:none;
	word-wrap: break-word;
	font-family: Arial;
}

#wrapper {
	margin: 0 px;
	padding: 0px ;
	text-align: center;
	font-size: 93%;
}

a {
	text-decoration: none;
}




/*
-----------------------------------------------------------*/
div#header {
	//border: 2px solid #1F1F99; 
	//width: 100%;
	margin: 0 auto 15px auto;
	text-align: center;
-moz-box-shadow: 1px 1px 3px #A7A7A7;
-webkit-box-shadow: 1px 1px 3px #A7A7A7;
}


div#header img{
padding-top:0px;
}


/*
-----------------------------------------------------------*/
div#contents {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

/*
-----------------------------------------------------------*/

.menu{position:relative;height:36px;}
.menu>label{display:block;line-height:36px;color:#fff;font-weight:bold;margin:0 0 0 8px;}

.menu {
    font-size: 16px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    /*background: url("../img/background.png") repeat-x scroll 0 -203px transparent;*/
}

.menu1 {
    width: 100px; height:30px;
    border-bottom: 1px solid #FFC0CB;
    border-top: 1px solid #FFC0CB;
    font-size: 12px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    background-color: #FFC0CB; repeat-x scroll 0 -203px transparent;
}

.menu1-txt {
     margin-top: 8px;
	 margin-left: 8px;   
}
/*
-----------------------------------------------------------*/
div#news {
//        -moz-box-flex:1;
//        -webkit-box-flex:1;
//	margin: 0 auto;
//width: 100%;
	font-size:12px;
margin-bottom: 1px;
padding: 5px;
}

div#news .txt {
	text-align: left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #FEFBD8;
padding: 5px 5px 5px 10px;
-webkit-box-shadow: inset 1px 1px 1px 0px #4B4B4B;
-moz-box-shadow: inset 1px 1px 1px 0px #4B4B4B;
box-shadow: inset 1px 1px 1px 0px #4B4B4B;
}

div#news .txt a {
text-decoration: underline;
	color: #1D3994;}


div#news_bn {
padding: 5px 5px 8px 5px;
}

div#menu {
//        -moz-box-flex:1;
//        -webkit-box-flex:1;
//	margin: 0 auto;
//width: 100%;
	font-size:12px;
//padding: 0px;
}

div#menu a { width: 100%;
    display:block;
}

div#menu_1 {
       -moz-box-flex:1;
       -webkit-box-flex:1;
background: #feffff url(../img/arrow_detail.png) no-repeat right center;
border-style: solid;
font-size:12px;
}

div#menu_2 {
       -moz-box-flex:1;
        -webkit-box-flex:1;
background: #feffff url(../img/arrow_detail.png) no-repeat right center;
border-style: solid;
font-size:12px;
}

div#menu_3 {
        -moz-box-flex:1;
        -webkit-box-flex:1;
background: #feffff url(../img/arrow_detail.png) no-repeat right center;
border-style: solid;
font-size:12px;
}

div#menu_4 {
        -moz-box-flex:1;
        -webkit-box-flex:1;
background: #feffff url(../img/arrow_detail.png) no-repeat right center;
border-style: solid;
font-size:12px;
}

div#menu_1 img {
float: left;
padding:10px;
}

div#menu_2 img {
float: left;
padding:10px;
}

div#menu_3 img {
float: left;
padding:10px;
}

div#menu_4 img {
float: left;
padding:10px;
}

div#menu_1 p { text-align: left; font-size:12px; padding:10px 20px 10px 0; display: block; }
div#menu_2 p { text-align: left; font-size:12px; padding:10px 20px 10px 0; display: block; }
div#menu_3 p { text-align: left; font-size:12px; padding:10px 20px 10px 0; display: block; }
div#menu_4 p { text-align: left; font-size:12px; padding:10px 20px 10px 0; display: block; }

/*
-----------------------------------------------------------*/
#slider{
	margin-top:10px;
	width:auto;
	height:90px;
}

#maskBox{
	margin-left:20px;
	//width:280px;
	height:100px;
	position:absolute;
	overflow:hidden;
	clip : auto;
}

div#orderImage {
	margin: 0 auto;
	text-align: left;
	width:680px;
	position:absolute;
	//border:solid 1px #ffff00;
	//background-color:#cc0000;
}

div#orderImage img {
	margin: 5px 5px 5px 5px;
}


/*
-----------------------------------------------------------*/
div#tab_menu {
	width:auto;
/*	text-align: left; */
	margin: 10px 0px 0px 0px;
}


/*
-----------------------------------------------------------*/
#tab_contents{
	height:300px;
	background-color: #D8E8FF;
}

#tab1, #tab2, #tab3 {
	//width: 300px auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	position:absolute;
}

#tab1 strong, #tab2 strong, #tab3 strong {
	font-weight: bold;
}

#tab1 {
	background-color: #D8E8FF;
}

#tab2 {
	background-color: #D8E8FF;
}

#tab3 {
	background-color: #D8E8FF;
}

#tab1 img, #tab2 img, #tab3 img {
	margin: 10px 0 10px 0;
}



/*
-----------------------------------------------------------*/
div.text {
	//width: 300px auto;
	padding: 0px 10px 10px 10px;
	text-align: left;
}

div.text strong {
	font-size:14px;
}

.text02 {
margin: 5px 0px 10px 0px;
	padding: 8px;
	border: 1px solid #96BFFA;
	background: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div.text .cu_btn a {
display: block;
	padding-top: 15px;
	text-align: center;
color: #ffffff;
	margin: 0 auto;
    border: 1px solid #FF5200;
background: -moz-linear-gradient(bottom, #F26522, #FBAF5D);
background: -webkit-gradient(linear, center bottom, center top, from(#F26522), to(#FBAF5D));
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 85%;
height: 30px;
}


/*
-----------------------------------------------------------*/
div#footermenu {
	//width: 300px;
	margin: 0 auto;
	padding:10px 0px 0 0px;
	text-align: center;
    font-size:11px;
}

div#footermenu p {
	background: #F8F8F8;
	width: 280px;
	margin: 0 auto;
	padding:5px;
	border: 1px solid #DADADA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div#footermenu a {text-decoration: underline;
	color: #0000FF;
}

.obox h1 {
	text-align: left;
	padding: 8px 0 0 30px;
	font-weight: bold;
color:#595959;
font-size:14px;
clear:both;
	height: 30px;
	background: url(../images/othert_bg.gif) no-repeat;
}

/*
-----------------------------------------------------------*/
#footer {
	text-align: center;
	border-top: 1px solid #b2b2b2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #D8E8FF),color-stop(0.60, #1F1F99),color-stop(1, #4440C9));
	padding: 14px 5px 12px;
	margin-top: 11px;
}

div#footer p#footer-logo {
	font-size: 14px;
	line-height: 1.3;
	color: #fff;
}



/*  reset
-----------------------------------------------------------*/
html,body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
	font-size: 13px;
	/*1.231 */;
	*font-size: 81.25%; /*for IE6,IE7*/
}
html>/**/body {
	font-size /*\**/: 81.25%\9;
}

h1,h2,h3,h4,h5,h6,
dt,dd,li,
p,
pre,blockquote,q,address,
fieldset,input,textarea,
th,td { 
	font-size: 100%;
	line-height: 1.5;
}
table th {
	text-align: left;
	font-weight: normal;
}
ul,ol,li {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6,
em,strong,pre,address {
	font-style: normal;
	font-weight: normal;
}
img,
a,
a img {
	border:0;
}
img {
	vertical-align: bottom;
}
a {
/*	text-decoration: none;*/
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
	text-decoration: none;
/*	text-decoration: underline;*/
}


/*  clear
-----------------------------------------------------------*/
.hbox:after,
.clearfix:after,
div#information:after,
div#map:after,
div#member ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix,
div#information,
div#map,
div#member ul {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix,
* html div#information,
* html div#map,
* html div#member ul{height: 1%;}
.clearfix,
div#information,
div#map,
div#member ul{display: block;}
/* End hide from IE-mac */


/*  class
-----------------------------------------------------------*/
/* align */
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }

/* vertical-align: */
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

/* margin */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt11 { margin-top: 11px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }

.ml05em { margin-left: 0.5em !important; }
.ml06em { margin-left: 0.6em !important; }
.ml07em { margin-left: 0.7em !important; }
.ml08em { margin-left: 0.8em !important; }
.ml09em { margin-left: 0.9em !important; }
.ml10em { margin-left: 1.0em !important; }
.ml11em { margin-left: 1.1em !important; }
.ml12em { margin-left: 1.2em !important; }
.ml13em { margin-left: 1.3em !important; }
.ml14em { margin-left: 1.4em !important; }
.ml15em { margin-left: 1.5em !important; }
.ml16em { margin-left: 1.6em !important; }
.ml17em { margin-left: 1.7em !important; }
.ml18em { margin-left: 1.8em !important; }
.ml19em { margin-left: 1.9em !important; }
.ml20em { margin-left: 2.0em !important; }



/* */
.break5 { margin-top: 10px; margin-bottom: 10px; }
.break10 { margin-top: 10px; margin-bottom: 10px; }
.break15 { margin-top: 10px; margin-bottom: 10px; }
.break20 { margin-top: 10px; margin-bottom: 10px; }

/* */
.indent05 { padding-left: 0.5em; text-indent: -0.5em; }
.indent06 { padding-left: 0.6em; text-indent: -0.6em; }
.indent07 { padding-left: 0.7em; text-indent: -0.7em; }
.indent08 { padding-left: 0.8em; text-indent: -0.8em; }
.indent09 { padding-left: 0.9em; text-indent: -0.9em; }
.indent10 { padding-left: 1em; text-indent: -1em; }
.indent11 { padding-left: 1.1em; text-indent: -1.1em; }
.indent12 { padding-left: 1.2em; text-indent: -1.2em; }
.indent13 { padding-left: 1.3em; text-indent: -1.3em; }
.indent14 { padding-left: 1.4em; text-indent: -1.4em; }
.indent15 { padding-left: 1.5em; text-indent: -1.5em; }
.indent16 { padding-left: 1.6em; text-indent: -1.6em; }
.indent17 { padding-left: 1.7em; text-indent: -1.7em; }
.indent18 { padding-left: 1.8em; text-indent: -1.8em; }
.indent19 { padding-left: 1.9em; text-indent: -1.9em; }

.RecommendSlideFooter
{
    font-size:80%;
    color:#000000;
}
#RecommendSlide {
	padding:0px;
	overflow: hidden;
}

#RecommendSlideList {
	padding:0px;
	margin:0px;
	background: -moz-linear-gradient(top, #EEE, #FFF);
    background: -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF));
    /*font-size:50%;*/
}

#RecommendSlideList li {
	padding:0px;
	margin:0px;
	list-style-type:none;
    float:left;
    padding:10px 5px;
}
.SelectDot
{
	color:#0255d2;
}
.Dot
{
	color:#CCCCCC;
}
.ItemLeft
{
	margin:5px;
	float:left;
}
.ItemRight
{
	margin:5px;
	float:right;
}
.Clear
{
	clear:both;
	height:0px;
}


/* LP_sns */
.sns {
	width: 90%;
	text-align: right;
	margin: 0 auto;
	padding:5px;
	clear: both;
	border: 1px solid #E6E6E6;
	background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.sns ul li {
	float: left;
}

/* LP_footer-navi */
.f_navi {
	margin-top: 30px;
	border-top: 1px solid #B4B4B4;
	text-align: left;
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

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

.f_navi li {
	width: 160px;
	float: left;
background: -moz-linear-gradient(bottom, #E6E6E6, #FFFFFF);
background: -webkit-gradient(linear, center bottom, center top, from(#E6E6E6), to(#FFFFFF));
}

.f_navi ul li a {
display: block;
	padding: 13px 0 0 3px;
font-size:13px;
	height: 32px;
	background: url(../img/arrow.gif) no-repeat 97% center;
	border-bottom: 1px solid #B4B4B4;
}

.f_navi ul li.l_r a {
	border-right: 1px solid #B4B4B4;
}

.f_navi ul li.font11 a {
	font-size: 11px;
}

.f_navi ul li.lh {
	line-height: 1.5em;
}

.f_navi ul li:hover {
opacity: 0.5;
	background: #FDF8CF url(../img/arrow.gif) no-repeat 97% center;
}


/* footer-txt */
#footer-txt {
font-size:11px;
	width: 310px;
	margin: 0 auto;
	text-align: center;
	color: #b2b2b2;
}

#footer-txt p {
	line-height: 2.0em;
}

#footer-txt a {text-decoration: none;
	color: #0000FF;
}