@charset "UTF-8";
@import url(textsettings.css);


* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
-webkit-text-size-adjust : none;
min-height:416px;
color: #FFFFFF;
background-color: #000000;
}


#container {
background: transparent;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

/* ---------------------------------------------------------------- *
ヘッダ部分の設定です
* ---------------------------------------------------------------- */

#header0 {
margin-top: 0;
margin-bottom: 0;
height: 57px;
background-repeat: no-repeat;
background-position: center center;
display: block;
text-align: center;
background-image: url(../imgs/header0.png);
padding: 0;
}

#header0 h1 span {
display: none ;
}

#header0 a{
display: block;
height: 57px;
}

#header {
margin-top: 0px;
margin-bottom: 0px;
height: 44px;
background-repeat: no-repeat;
background-position: center center;
display: block;
text-align: center;
background-image: url(../imgs/header.png);
padding: 0px;
}

#header h1 span {
display: none ;
}

#header a{
display: block;
height: 57px;
}

/* ---------------------------------------------------------------- *
ナビゲーション部分の設定です
* ---------------------------------------------------------------- */

.nav_button {
height: 30px;
max-witdth: 60px;
font-family: HirakakuProN-W6;
font-size: 12px;
color: #FFFFFF;
line-height: 30px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#function {
float: right;
position: absolute;
top: 7px;
right: 5px;
border-right: gray solid 7px;
border-left: gray solid 7px;
-webkit-border-image:url("../imgs/button_r.png") 0 7 0 7;
}

#back {
float: left;
position: absolute;
top: 7px;
left: 5px;
border-right: gray solid 7px;
border-left: gray solid 12px;
-webkit-border-image:url("../imgs/button_l.png") 0 7 0 12;
}

.nav_button a {
text-decoration: none;
color: #FFFFFF;
}

.fig {
float: left;
margin-right: 10px;
margin-bottom: 0px;
}

/* ---------------------------------------------------------------- *
コンテンツコンテナの設定です
* ---------------------------------------------------------------- */

#main {
background: tranparent;
margin-top: 25px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}

#maintop {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: both;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}


/* ---------------------------------------------------------------- *
画像の設定です
* ---------------------------------------------------------------- */

.photo {
display: block;
height: 40px;
margin-top: 17px;
margin-right: auto;
margin-bottom: 17px;
margin-left: auto;
text-align: center;
}

/* ---------------------------------------------------------------- *
コンテンツ部分の設定です
* ---------------------------------------------------------------- */

.contents {
/* --- マージンを設定してください --- */
/* Note：上下マージンの折りたたみに注意してください */
margin-top: 0px;
margin-bottom: 20px;
color: #FFFFFF;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #EEEEEE;
margin-right: 10px;
margin-left: 10px;
display: block;
text-decoration: none;
height: 65px;
background-image: url(../imgs/listArrow2.png);
background-position: right center;
background-repeat: no-repeat;
}

/* ---------------------------------------------------------------- *
コンテンツ画像の設定です
* ---------------------------------------------------------------- */

.contents img.fig {
float: left;
margin-top: 0;
margin-right: 1em;
margin-bottom: 1em;
margin-left: 0;
}

.contents a {
display: block;
padding-left: 10px;
text-decoration: none;
color: #FFFFFF;
}

/* ---------------------------------------------------------------- *
商品詳細部分の設定です
* ---------------------------------------------------------------- */

.details {
margin-top: 0px;
margin-bottom: 20px;
color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-right: 5px;
margin-left: 5px;
text-decoration: none;
}

/* ---------------------------------------------------------------- *
商品詳細画像の設定です
* ---------------------------------------------------------------- */

.details img.fig {
float: left;
margin-top: 0px;
margin-right: 1em;
margin-bottom: 0em;
margin-left: 0px;
}

/* ---------------------------------------------------------------- *
商品詳細部分の設定です
* ---------------------------------------------------------------- */

.story {
margin-top: 0px;
margin-bottom: 20px;
color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-right: 0px;
margin-left: 0px;
text-decoration: none;
text-align: center;
}

/* ---------------------------------------------------------------- *
角丸長方形リストの設定です
* ---------------------------------------------------------------- */

ul {
margin: 9px 9px 16px;
border: solid 1px #A9ABAE;
-webkit-border-radius: 8px; 	
background-color: #FFFFFF;
}

li {
list-style-type: none;
height: 43px;
border-bottom: solid 1px #A9ABAE;
line-height: 43px;
color: #4C566C;
}


li:last-child {
border-bottom-width: 0px;
}

.guide a {
display: block;
padding-left: 10px;
text-decoration: none;
background-image: url(../imgs/listArrow.png);
background-repeat: no-repeat;
background-position: right;
}

.info li{
padding: 0px 10px;
}

.info dt {
float: left;
width: 70px;
padding: 0px 5px 0px 10px;
text-align: right;
font-size: 13px;
color: #4C566C;
}

.info dd {
padding: 0px 10px 0px 5px;
font-family: HiraKaKuProN-W3;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

#box {
	border: solid 1px #A9ABAE;
-webkit-border-radius: 8px; 	
	background-color: #FFFFFF;
	color: #4C566C;
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 16px;
	margin-left: 9px;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 8px;
}


/* ---------------------------------------------------------------- *
オーダー部分の設定です
* ---------------------------------------------------------------- */

.order {
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFFF;
border-top-style: dotted;
border-right-style: none;
border-left-style: none;
margin-right: 10px;
margin-left: 10px;
text-decoration: none;
border-top-width: 1px;
border-top-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
}

/* ---------------------------------------------------------------- *
オーダー画像の設定です
* ---------------------------------------------------------------- */

.order img.fig {
float: left;
margin-top: 0px;
margin-right: 1em;
margin-bottom: 0em;
margin-left: 0px;
}


/* ---------------------------------------------------------------- *
フッタ部分の設定です
* ---------------------------------------------------------------- */

#footer {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
padding-top: 1.5em;
padding-right: 0;
padding-bottom: 1em;
padding-left: 1em;
background-repeat: no-repeat;
background-position: right top;
text-align: center;
height: 50px;
clear: both;
}

#footer ul {
margin-bottom: 4px;
padding: 0;
border-left: 1px solid #CCCCCC;
}

#footer ul li {
margin: 0;
padding: 0 5px;
border-right: 1px solid #CCCCCC;
background-image: none;
}