@charset "UTF-8";
/* CSS Document */

/* 背景画像 */
#Whole,
#WholeDiv { background-image: url(images/backcolor/bglace3.gif); }
/* --- 基礎設定 ---*/
body {
color: #333;
font: 8pt "小塚ゴシック Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #FFFFFF;
}
h2 { margin-bottom: 10px; }
hr {
color:#000;
border-top: 1px solid #000;
}
textarea,
input {
border: 1px solid #FF9999;
height: 2.5em;
line-height: 2em;
padding-left: 0.5em;
}
span { white-space:nowrap; }
/* --- 共通設定 ---*/
a:link, a:visited {
color:#333;
text-decoration: none;
}
a:hover { color:#0099CC; }
.b { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.ash { color: #f5f5f5; }
.gray { color: #666; }
.white { color: #fff; }
.red { color:#f00; }
.red2 { color:#dc143c; }
.orange { color:#F63; }
.yellow { color:#FC6; }
.pink { color:#F9C; }
.pink2 { color: #FF00A2; }
.pink3 { color:#ff69b4; }
.pink4 { color:#F69; }
.purple { color:#867ba9; }
.violet { color: #609; }
.blue { color:#06F; }
.blue2 { color:#039; }
.sky-blue { color: #00bbd1; }
.light-blue { color: #6495ed; }
.blue-green { color: #3CC; }
.green { color:#009933; }
.green2 { color:#20b2aa; }
.brown { color: #633; }
.mid { font-size: 1.1em; }
.big { font-size: 1.2em; }
.big2 { font-size: 1.4em; }
.big3 {
font-size: 1.6em;
line-height: 1.7em;
}
.big4 { font-size: 2em; }
.big5 { font-size: 1.8em; }
.small { font-size: 0.8em; }
.small2 { font-size: 0.9em; }
.float1 { float:left }
.float2 { float:right }
.float3 { clear: both; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.padTop10 {
padding-top: 10px;
clear: both;
}
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop60 { padding-top: 60px; }
.padTop100 { padding-top: 100px; }
.padRig110 { padding-right: 110px; }
.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padLef10 { padding-left: 10px; }
.padLef30 { padding-left: 30px; }
.padLef50 { padding-left: 50px; }
.padLef160 { padding-left: 160px; }
.padLef175 { padding-left: 175px; }
.padLef200 { padding-left: 200px; }
.marTop-80 {
margin-top: -80px;
position: absolute;
}
.marTop50 { margin-top: 50px; }
.marRig10 { margin-right: 10px; }
.marBot3 { margin-bottom: 3px; }
.marBot30 { margin-bottom: 30px; }
.marLef20 { margin-left: 20px; }
.marLef30 { margin-left: 30px; }
.marLef50 { margin-left: 50px; }
.marLef100 { margin-left: 100px; }
.udmar20 {
margin-top: 20px;
margin-bottom: 20px;
}
.box_red {
border: 2px dotted #FF0000;
padding: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.box_pink {
border: 1px solid #ff6699;
padding: 10px 20px;
margin-bottom: 30px;
margin-top: 20px;
}
.box_pink2 {
border: 2px dashed #FF99CC;
padding: 10px 20px;
width: 440px;
margin-top: 20px;
margin-bottom: 30px;
margin-left: 50px;
}
.box_pink3 {
border: 2px solid #FFCCFF;
margin-bottom: 10px;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
margin-right: 30px;
}
.box_ash {
border: 2px solid #888;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
}
hr.brokenline { border-top: 1px dashed #999; }
.end {
display: block;
clear: both;
float: none;
}
.end2 {
display: block;
clear: both;
float: none;
}
#mail_dd {
text-decoration: none;
font-size: 0.9em;
margin-left: 120px;
}
#mail_li {
text-decoration: none;
font-size: 0.9em;
margin-left: 70px;
}
.pagetop {
clear: both;
text-align: right;
float: none;
padding-top: 25px;
padding-bottom: 5px;
}
.details {
padding-top: 10px;
padding-bottom: 5px;
}
.table p,
.table ul { float: left; }
.price {
font-size: 2.5em;
color: #F00;
padding-left: 10px;
line-height: 1.2em;
}
/* --- ページ構成　div --- */
#Whole {
/*background-color: #CC9;*/
width: 100%;
_text-align: center;
background-repeat: repeat-y;
background-position: left;
}
#Base {
background-color: #FFC;
position: relative;
width: 1010px;
margin: 0 auto;
padding: 0px;
_text-align: left;
/*border-left: 10px solid #FFF;*/
}
#Base_pop {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px;
_text-align: left;
}
/*#Header { background-color: #FCC; }
#Header ul#navi li { float: left; }
#Header ul#navi { width: 1010px; }
ul#H_top { width: 1010px; }*/
#Main { /*background-color: #CFC;*/ }
#Left {
/*	background-color: #CCF;*/
	width: 210px;
float: left;
padding-right: 10px;
}
#menu_category { width: 210px; }
#sideRanking li { float: left; }
#sideRanking ul { clear: both; }
#Left h2,
#Right h2 {
margin: 0px;
line-height: 0em;
padding-bottom: 3px;
}
#Left .camP { padding-bottom: 5px; }
#Left #sideBegin p {
padding-top: 0px;
padding-bottom: 3px;
}
#Center {
float: left;
width: 560px;
}
#Center .notesDiv hr {
width: 550px;
margin-top: 2px;
margin-bottom: 5px;
}
#Center .notesDiv {
padding-left: 10px;
font-size: 1.1em;
}
#Center .notesDiv2 {
padding-left: 10px;
padding-top: 10px;
}
#Center .notesDiv h3 { font-size: 1.2em; }
#Center .notesDiv .box_red { width: 350px; }
#Center ul { padding-bottom: 10px; }
#linkDiv { }
#link_button {
clear: both;
margin-bottom: 20px;
}
#link_button ul li {
float: left;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}
#link_button ul li a { text-decoration: none; }
#link_button ul li a:hover { color: #F69; }
#new li,
#suggest li {
float: left;
font-size: 8pt;
width: 140px;
}
#Right {
/*background-color: #CF3;*/
float: right;
width: 220px;
margin-right:-5px;
}
#Right p { padding-bottom: 10px; }
#sideRight p {
padding-top: 0px;
padding-bottom: 3px;
}
#sideNew,
#sideBegin,
#sideCategory,
#sideRecom,
#sideRanking,
#sideInfo,
#sideWork,
#sideRankingLink {
clear: both;
margin-bottom: 10px;
}
#sideRankingLink p {
margin-top: 5px;
margin-bottom: 5px;
}
#sideInfo {
background-color: #fff;
padding: 10px;
font-size: 0.9em;
}
#sideMobile p {
float: right;
text-align: right;
}
#sideMobile p.mobileLink { padding-top: 50px; }
#sideMobile p.mobileLink a {
color: #333;
text-decoration: none;
}
#information h3 {
border-bottom: 2px solid #9370db;
margin-bottom: 1px;
margin-top: 5px;
font-size: 1.2em;
}
#information #infoDiv { padding-left: 30px; }
#infoLeft,
#infoCenter {
width: 350px;
float: left;
padding-right: 20px;
}
#infoRight {
width: 220px;
float: right;
}
#infoLeft .infoBox { margin-bottom: 10px; }
#information #infoLeft .infoBox .box_red { font-size: 1.1em; }
#information #infoLeft .infoBox .box_red dl dt { font-size: 1.3em; }
#information #infoLeft .infoBox .box_red dl {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
}
#information {
clear: both;
width: 1010px;
padding-top: 10px;
}
#information li { line-height: 1.4em; }
#Footer {
background-color: #F9C;
color: #FFF;
clear: both;
padding: 10px;
}
#Footer address {
text-align: center;
line-height: 1.5em;
font-weight: normal;
font-size: 1.1em;
}
#Footer .footer_link {
margin-top: 5px;
margin-bottom: 10px;
padding-left: 10px;
}
#Footer .footer_link ul {
clear: both;
padding-top: 3px;
}
#Footer .footer_link li {
float: left;
line-height: 1.1em;
}
#Footer .footer_link ul li a {
color: #FFF;
text-decoration: none;
}
#Footer .copyright {
text-align: center;
font-size: 0.9em;
}
#Footer .copyright a {
color: #fff0f5;
text-decoration: none;
}
/*注文CSS*/
#form_bg { background-color: #FFEAF4; }
#form_bg li {
margin-bottom: 5px;
margin-top: 10px;
}
#form_bg dd,
#form_bg li,
#form_bg dt { padding-left: 30px; }
#form_bg .data { padding-left: 50px; }
.form_70 { margin-left: 150px; }
.form_70 li {
float: left;
width: 70px;
margin: 0px 10px 30px;
_margin-right: 0px;
text-align: center;
}
.form_10 li,
.form_10 dd {
margin: 10px;
_margin-right: 0px;
}
.form_left li { float: left; }
.big_font_red {
color: #ff0000;
font-size: 12pt;
}
.empha {
font-size: 1.7em;
font-weight: bold;
color: #FF0000;
line-height: normal;
}
.empha2 {
font-size: 1.2em;
font-weight: bold;
color: #FF0000;
line-height: 1.5em;
}
.empha3 {
font-size: 1.4em;
color: #FF0000;
line-height: 1.5em;
}
#goodsname {
background-color: #FFF;
width: 700px;
padding: 15px 0px 20px;
margin-left: 25px;
}
.line {
border-top: 1px dashed #CC0099;
margin-top: 40px;
margin-bottom: 30px;
width: 690px;
clear: both;
text-align: center;
margin-left: 30px;
}
#proName,
#proName2 {
text-align: center;
background-color: #FFF;
width: 80%;
margin: 10px auto;
padding-top: 10px;
padding-bottom: 10px;
}
#proName {
color: #C03;
font-size: 1.5em;
font-weight: bold;
}
#proName2 {
color: #000;
font-size: 1.7em;
}
#formDiv { background-color: #fff0f5; }
#formDiv hr {
border-top: 1px dashed #F69;
width: 80%;
text-align: center;
clear: both;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 20px auto;
}
#formDiv ul {
text-align: center;
margin-right: auto;
margin-left: auto;
width: 60%;
}
#formDiv ul li {
text-align: left;
line-height: 2em;
padding-right: 0px;
}
#formDiv ol {
text-align: center;
margin: 20px auto;
width: 50%;
}
.wid450 {
width: 450px;
height: 50px;
}
.wid210 { width: 210px; }
.wid300 { width: 300px; }
.wid370 { width: 370px; }
.wid30 { width: 30px; }
.wid-100 { width: 100%; }
.floatUl {
	 width: 450px;
	 margin:0 auto;
}
.floatUl li {
float: left;
/*width: 100px;*/
}
.floatUl li#enq_otherLi { width: 350px; }
#formatt ul {
font-size: 1.2em;
color: #66C;
padding-left: 120px;
}
#formatt li { }
#formatt { text-align: center; }
#formatt p {
padding-top: 5px;
padding-bottom: 5px;
}
#formcap { background-color: #FFF; }
#formcap ul {
margin-left: 190px;
width: 520px;
}
#formcap strong { font-size: 1.2em; }
/*注文フォーム　ウェルカムボード*/
#FormMain #formDiv #kaoform #name_table td {
padding-top: 5px;
padding-bottom: 5px;
}
#FormMain #formDiv #kaoform #name_table { width: 510px; }
#FormMain #formDiv #kaoform #name_table td.hyo {
width: 80px;
text-align: right;
}
/*注文フォーム*/
/*20*/
#cli_postcode,
#deli_postcode { width: 120px; }
/*45*/
#cli_name,
#cli_kana,
#cli_tel,
#cli_fax,
#cli_mail_address,
#deli_name,
#deli_kana,
#deli_tel,
#roke_name,
#puke_name,
#gif_name,
#gif_date { width: 300px; }
/*65*/
#date,
#cli_address,
#cli_address_kana,
#deli_address,
#deli_address_kana,
#hall { width: 450px; }
#gif_mes {
height: 50px;
width: 450px;
}
/*注文フォーム　きずな時計*/
#kizuna_name td {
padding: 20px;
font-size: 1.1em;
line-height: 1.3em;
}
/*注文フォーム　アクリル額*/
#FormMain #formDiv #kaoform .acrylicBox ul,
#FormMain #formDiv #kaoform .irokaeBox ul {
background-color: #FFF;
padding: 10px;
width: 440px;
}
#FormMain #formDiv #kaoform .acrylicBox li,
#FormMain #formDiv #kaoform .irokaeBox li {
float:left;
padding: 10px;
}
#FormMain #formDiv #kaoform .acrylicBox ul #title,
#FormMain #formDiv #kaoform .irokaeBox ul #title { width: 440px; }
/*popup関係*/
#popupDiv {
text-align: center;
margin-right: auto;
margin-left: auto;
}
#popupDiv2 {
width: 500px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#popupDiv li { text-align: left; }
#popupDiv ul {
margin-left: 150px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
p.popup_close {
margin: 10px;
clear: both;
padding-top: 30px;
text-align: center;
}
.wel_pop_2 {
text-align: center;
padding: 0px;
width: 550px;
margin-right: auto;
margin-left: auto;
}
.wel_pop_2 td.right {
text-align: center;
padding-left: 0px;
}
.wel_pop_2 td.center { padding-left: 0px; }
.wel_pop_2 td.left {
text-align: center;
padding-right: 10px;
}
div#pop_all { text-align: center; }
.wel_pop {
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
#mwaDiv,
#myoDiv,
#wwaDiv,
#wyoDiv,
#tiaraDiv,
#bukeDiv,
#beruDiv,
#hairDiv,
#hairkazDiv,
/*和装*/
#mwkDiv,
#fwkDiv,
#whDiv {
margin-right: auto;
margin-left: auto;
text-align:center;
}
#hairDiv ul {
width: 700px;
margin-right: auto;
margin-left: auto;
}
#hairDiv li {
float: left;
width: 230px;
}
#hairkazDiv ul {
width: 550px;
margin-right: auto;
margin-left: auto;
}
#hairkazDiv li {
float: left;
width: 180px;
}
#beru {
width:650px;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#beru li {
float: left;
width: 216px;
}
#beru2 {
width:456px;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#beru2 li {
float: left;
width: 228px;
}
#formDiv #kaoform #wel_ishoDiv #tiara { margin-left: 150px; }
#tiara_ {
text-align:center;
width: 700px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
}
#tiara_ li {
float: left;
width: 175px;
}
#tiara_ul li {
float: left;
width: 90px;
_margin-left: 0px;
margin: 0px 10px 30px;
text-align: center;
}
table.bese {
border:0px;
cellpadding:0px;
cellspacing:0px;
width:650px;
margin-right: auto;
margin-left: auto;
}
table.bese tr td {
width: 150px;
text-align: center;
}
#wel_ishoDiv ul {
width: 600px;
margin-right: auto;
margin-left: auto;
clear: both;
}
#wel_ishoDiv .form_70 dd ul.isho_ul {
width: 500px;
margin: 0px;
padding: 0px 0px 0px 20px;
}
#Whole #Base #Main #FormMain #formDiv #kaoform #wel_ishoDiv #buke_div { margin-left: 80px; }
#Whole #Base #Main #FormMain #formDiv #kaoform #wel_ishoDiv #buke_div p { margin-left: 50px; }
#buke_table {
width: 600px;
background-color: #FFF;
text-align: center;
border: 10px solid #FFF;
margin-right: auto;
margin-left: auto;
}
li#hair_sample p {
float: left;
width: 120px;
}
li#hair_sample { width: 500px; }
li#hair_sample div { padding-bottom: 10px; }
/*初めて・修正・そっくり度*/
div#sokkuri-do {
width: 100%;
padding-bottom: 15px;
padding-top: 5px;
}
div#sokkuri-do ul {
text-align: center;
margin-right: auto;
margin-left: auto;
padding-left: 70px;
}
div#sokkuri-do li {
float: left;
padding-top: 5px;
padding-bottom: 5px;
width: 300px;
}
div#sokkuri-do p {
clear: both;
text-align: center;
}
div#campaign { text-align: center; }
div#campaign p { padding-top: 10px; }
/*#rightside .topsokkuri-do { margin-top: -30px; }*/
#leftmenu p { padding-bottom: 5px; }
#beginDiv p { text-align: center; }
#beginDiv ul {
font-size: 1.5em;
line-height: 1.3em;
margin-left: 200px;
}
#beginDiv,
#amendDiv,
#sokkuriDiv {
margin-bottom: 50px;
clear: both;
/*width: 750px;*/
}
#beginDiv p,
#amendDiv p,
#sokkuriDiv p { text-align:center; }
#beginDiv {
background-image: url(images/begameImg/backBegin.gif);
background-repeat: no-repeat;
background-position: left top;
}
#amendDiv {
background-image: url(images/begameImg/backAmend.gif);
background-repeat: no-repeat;
background-position: left top;
}
#sokkuriDiv {
background-image: url(images/begameImg/backSample.gif);
background-repeat: no-repeat;
background-position: left top;
}
#bignamesetUl {
margin: 0px;
padding: 0px;
line-height: 0px;
list-style-type: none;
}
#bignamesetUl li {
margin: 0px;
padding: 0px;
line-height: 0px;
}
#bignamesetUl li img { vertical-align: bottom; }
#beginDiv h1,
#amendDiv h1,
#sokkuriDiv h1 {
text-align: center;
font-size: 1.4em;
color: #666;
}
#irregular_ban {
clear: both;
margin-right: auto;
margin-left: auto;
width: 575px;
}
#irregular_ban #banner ul {
width: 780px;
margin-right: auto;
margin-left: auto;
}
#irregular_ban #banner li {
float: left;
width: 130px;
}
#Products .wel_b_link {
width: 90px;
text-align: center;
margin-top: 20px;
}
#Whole #Base #Main #Center #linkDiv { font-size: 1.2em; }
#kizuna_word {
font-size: 1.2em;
color: #20b2aa;
background-image: url(images/kizuna_back.gif);
text-align: center;
padding-top: 20px;
height: 121px;
background-repeat: no-repeat;
}
/*　更新情報　ここから　*/
iframe#new_iframe {
height: 120px;
width: 210px;
overflow: visible;
border: 1px solid #FFF;
}
#update_text { width: 200px; }
#update_text dt { color: #C00; }
/*　更新情報　ここまで　*/
.scroll_but {
font-size: 1.5em;
color: #FCC;
text-align: right;
}
.scroll_but a {
color: #FCC;
text-decoration: none;
}
/*　ポストカード　ここから　*/
#formDiv #kaoform .designBox ul li#designBox_t,
#formDiv #kaoform .designBox ul li#designBox_ill {
text-align: center;
margin-left: 0px;
width: 500px;
}
#formDiv #kaoform .designBox ul li#designBox_t div {
float: left;
padding-right: 8px;
}
#formDiv #kaoform .designBox ul li#designBox_y div {
float: left;
padding-right: 40px;
}
#pc_name .nameleft {
border-bottom-style: none;
border-left: none;
border-top-style: none;
border-right: 1px dashed #F69;
width: 48%;
}
#pc_name input {
margin-left: 50px;
width: 150px;
}
#pc_name ul {
margin: 0px;
width: 100%;
padding: 0px;
}
#pc_name td { padding-left: 20px; }
#pc_name li { margin-bottom: 20px; }
#pc_h3 {
font-size: 2em;
color: #FF6699;
}
div#pc_caption div { float: left; }
div#pc_caption div.pc_lef { width: 550px; }
div#pc_caption div.pc_rig {
width: auto;
padding-top: 50px;
}
#pc_kaoDiv .pc_kaoUl1 li,
#pc_desDiv .pc_desUl1 li {
float: left;
width: 78px;
}
#pc_kaoDiv .pc_kaoUl2 li,
#pc_desDiv .pc_desUl2 li {
float: left;
width: 156px;
}
#postcardDiv .pc_temp p { float: left; }
#postcardDiv .pc_temp p.pc_p_left {
height: 150px;
width: 170px;
padding-left: 40px;
}
#postcardDiv .pc_temp .pc_p_left2Ul span {
font-size: 1.2em;
white-space:normal;
}
#postcardDiv .pc_temp ul li { padding-bottom: 10px; }
#postcardDiv .atenaimg {
height: 700px;
padding-right: 30px;
float: left;
}
#pc_attDiv .pc_att { float: left; }
#pc_attDiv .pc_att h4 {
font-size: 1.3em;
padding-top: 15px;
padding-bottom: 5px;
}
#h2_title {
font-size: 1.7em;
color: #000;
}
#pc_img img { border: 1px solid #999; }
#poc_atena { padding-top: 130px; }
#pc_attRight dt { font-size: 1.4em; }
#pc_attRight dl { margin-bottom: 10px; }
/*　ポストカード　ここまで　*/
#pc_attRight #attUl {
width: 340px;
padding-left: 10px;
}
.clo-att {
font-size: 1.5em;
color: #4682b4;
width: 60%;
margin-right: auto;
margin-left: auto;
}
#hairkazDiv2 .isho_ul {
margin: 0px;
width: 100%;
padding-left: 20px;
}
/*　キャンペーン　ここから　*/
/*#camtopimg {
padding-top: 10px;
padding-bottom: 10px;
width: 780px;
}
#camDiv {
font-size: 0.9em;
width: 100%;
text-align: center;
padding-bottom: 50px;
}
#camDiv div.whole {
position: relative;
_text-align: left;
width: 780px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;
background-image: url(images/cam/back.gif);
background-repeat: repeat-y;
border: 5px solid #c90;
}
#camDiv2 {
width: 100%;
text-align: center;
font-size: 1.2em;
padding-top: 50px;
}
#camDiv2 div {
position: relative;
margin: 0 auto;
padding: 0px;
_text-align: left;
width: 600px;
}
.bigred {
font-size:1.5em;
color:#FF0000;
line-height: 2em;
}
#camDiv .whole table tr td .cam1,
#camDiv .whole table tr td .cam2 {
text-align: left;
font-size: 1.1em;
color: #FFF;
}
#camDiv .whole p {
font-size: 1.4em;
color: #FFF;
}
#camDiv .whole p strong {
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
}
#camDiv .whole table {
background-image: url(images/cam/5.gif);
background-repeat: no-repeat;
background-position: right 100px;
_background-position: right 150px;
width: 780px;
height: 720px;
}
#camDiv .whole table tr td .cam1 ul,
#camDiv .whole table tr td .cam2 ul {
padding-left: 80px;
padding-bottom: 30px;
}
#Whole #Base #Main #camDiv .whole table tr td .cam1 { padding-bottom: 180px; }*/
/*　キャンペーン　ここまで　*/
/* 当店について */
#Header .aboutshop p {
float: left;
padding-bottom: 15px;
padding-top: 5px;
}
#Header .aboutshop .as-lef { width: 120px; }
#Header .aboutshop .as-rig { width: 870px; }
#Center .topimg {
border: 2px solid #EDEDED;
height: 332px;
width: 562px;
margin-top: 10px;
margin-bottom: 10px;
}
#Center .topimg img { border: 1px solid #FFF; }
/* Windows 修正 */
#sideCategory ul#menu_category { list-style-type: none; }
#sideCategory ul#menu_category li img { vertical-align: top; }
#sideCategory ul#menu_category li { height: 33px; }
#sideCategory ul#menu_category li.listr { height: 34px; }
#sideCategory ul#menu_category li.li1 { height: 28px; }
#sideCategory ul#menu_category li.li2 { height: 32px; }
#sideCategory ul#menu_category li.liend { height: 19px; }
/* Newページ　スタイル */
#Whole #Base #Main #newpageDiv .float1 ul li {
float: left;
width: 130px;
padding-left: 10px;
padding-bottom: 20px;
}
#Whole #Base #Main #newpageDiv .float1 { /*width: 750px;*/ }
/* 新デザイン用CSS */

/* --- ページ構成　div --- */
#WholeDiv {
/*background-color: #CC9;*/
width: 100%;
_text-align: center;
background-repeat: repeat-y;
background-position: left;
}
#BaseDiv {
position: relative;
width: 750px;
margin: 0 auto;
padding: 0px;
_text-align: left;/*background-color: #FFF;
border-left: 10px solid #FFF;*/
}
#HeadDiv { /*width: 750px;*/ overflow: hidden; }
#HeadDiv h1 {
width: 160px;
float: left;
}
#HeadDiv .float2 ul li {
float: right;
padding-left: 1em;
text-align: right;
}
#HeadDiv .float2 ul { width: 500px; }
#HeadDiv .float2 p { text-align: right; }
#gnaviDiv {
background-image: url(images/gn-bac.gif);
background-repeat: repeat-x;
height: 41px;
width: 960px;
}
#gnaviDiv #naviUl li {
float: left;
text-indent:30px;
background-image: url(images/gn-arr.gif);
background-repeat: no-repeat;
background-position: 10px;
}
#gnaviDiv #naviUl li a {
font-size: 1.2em;
color: #999;
line-height: 1.5em;
text-decoration: none;
}
#gnaviDiv #naviUl li a:hover { color: #F39; }
#g-li1 { width: 88px; }
#g-li2 { width: 106px; }
#g-li3 { width: 128px; }
#g-li4 { width: 128px; }
#g-li5 { width: 122px; }
#g-li6 { width: 133px; }
#g-li7 { width: 135px; }
#g-li8 { width: 120px; }
#gnaviDiv #naviUl { padding-top: 10px; }
/* カテゴリーページ */
#cate-top {
height: 217px;
width: 960px;
margin-bottom: 10px;
background-repeat: no-repeat;
padding-top: 20px;
padding-left: 20px;
position: relative;
}
#cate-top .cat-cap {
width: 430px;
position: absolute;
/*right: 10px;*/		/*　←キャプション右側の場合　*/
left: 20px;		/*　←キャプション左側の場合　*/
/*left: 280px;	*/	/*　←キャプション中央の場合　*/
top: 40px;
}
#cate-top,
#cate-top .cat-cap h2 { /*color: #FFF;*/		/*　←フォントカラー：白色　*/ color: #666;		/*　←フォントカラー：灰色　*/ }
#cate-top.wed { background-image: url(images/wed-topimg.jpg); }
#cate-top.tha { background-image: url(images/tha-topimg.jpg); }
#cate-top.wel { background-image: url(images/wel-topimg.jpg); }
#cate-top.resi { background-image: url(images/resi-topimg.jpg); }
#cate-top.lon { background-image: url(images/lon-topimg.jpg); }
#cate-top.mot { background-image: url(images/mot-topimg.jpg); }
#cate-top.fat { background-image: url(images/fat-topimg.jpg); }
#cate-top.resp { background-image: url(images/resp-topimg.jpg); }
#cate-top.bir { background-image: url(images/bir-topimg.jpg); }
#cate-top.mes { background-image: url(images/mes-topimg.jpg); }
#cate-top.pos { background-image: url(images/pos-topimg.jpg); }
#cate-top.des { background-image: url(images/des-topimg.jpg); }
#cate-top .cat-cap h2 {
font-size: 2.5em;
margin: 0px;
line-height: 1.3em;
}
#cate-top .cat-cap p.big {
font-size: 1.8em;
line-height: 1.5em;
}
#cate-top ul li { line-height: 1.8em; }
#cate-top .cat-cap p,
#cate-top .cat-cap h2 {
text-align: left;
width: 100%;
}
/*　カテゴリページ リスト画像関係　*/
#MainDiv .list { margin-bottom: 20px; }
#MainDiv .list p.cap {
font-size: 1.2em;
text-align: left;
line-height: 2em;
text-indent: 0.5em;
}
#MainDiv .list ul li p {
float: left;
font-size: 1em;
}
#MainDiv .list ul li {
width: 150px;
float: left;
height: 230px;/*border: 5px solid #FFF;*/
}
#MainDiv .list ul li.kaiga_link {
clear: both;
width: 100%;
text-align: right;
padding-right: 20px;
float: none;
height: 50px;
}
#MainDiv .list ul li .listimg {
clear: both;
float: none;
}
#MainDiv .list ul li .listimg {
margin-top: 10px;
padding: 0px 15px 10px 10px;
}
#MainDiv .listimg a img { margin-top: 5px; }
#MainDiv .list .listimg a span {
background-image: url(images/listicon2.gif);
background-repeat: no-repeat;
line-height: 1.8em;
padding-left: 16px;
background-position: 2px 2px;
display: block;
}
#MainDiv .list ul .new {
background-image: url(images/new.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#MainDiv .list ul .new p {
background-color: #FFEFF7;
border: 7px solid #F90;
margin-top: 40px;
padding: 0px 5px;
}
.ptclass {
clear: both;
text-align: right;
float: none;
padding-top: 10px;
padding-bottom: 10px;
}
.ptclass a { color: #666; }
.zei { font-size: 0.8em; }
/* サイトマップ */
#sitemapDiv {
margin-bottom: 20px;
background-color: #FFEAF4;
}
#sitemapDiv dl {
border-right: 1px solid #ccc;
float: left;
padding: 10px 5px;
background-color: #FFEAF4;/*height: 200px;*/
}
#sitemapDiv dl.last { border-right: none; }
#sitemapDiv dl dt {
font-size: 1.2em;
font-weight: bold;
}
#sitemapDiv dl dd {
min-width:140px;
max-width:150px;
}
#sitemapDiv dl dd ul li { line-height: 2.2em; }
#sitemapDiv dl dd ul li a {
color: #666;
text-decoration: none;
}
#sitemapDiv dl dd ul li a:hover { color: #99F; }
.sred {
font-size: 0.8em;
color: #dc143c;
}
#MainDiv h2 {
font-size: 2em;
color: #666;
margin: 0px;
line-height: 1.5em;
text-align: left;
}
#FooterDiv {
background-color: #FFF;
/*color: #FFF;*/
clear: both;/*width: 750px;*/
}
#FooterDiv address {
text-align: center;
line-height: 1.5em;
font-weight: normal;
font-size: 1.1em;
}
#FooterDiv .copyright {
text-align: center;
font-size: 0.9em;
}
#FooterDiv .copyright a {
color: #FFF;
text-decoration: none;
}
/* パンくずリスト */
#TopicPath1 {
background-color: #FFF;
margin-bottom: -10px;
}
#TopicPath1 li { float: left; }
/* ランキング */
#rankDiv .float1 ul li { float: left; }
#rankDiv .float1 p { white-space: nowrap; }
#rankDiv .float1 ul li img {
height: 30px;
width: 130px;
margin: 5px;
}
/* 商品ナビゲーション */
#MainDiv .subnaviUl { margin-bottom: 20px; }
#MainDiv .subnaviUl li {
float: left;
text-align: center;
padding: 5px;
}
#MainDiv .subnaviUl li img.noimg {
height: 130px;
width: 60px;
}
#MainDiv .list .subnaviUl li {
height: 100%;
width: auto;
float: right;
}
#MainDiv .subnaviUl .padBot20 img {
height: 130px;
width: auto;
}
#MainDiv .subnaviUl .icon,
#MainDiv .subnaviUl .icon-new { padding-top: 20px; }
#MainDiv .subnaviUl .icon-new {
background-image: url(images/proimg/icon-new.gif);
background-repeat: no-repeat;
background-position: left top;
}
/* 寄せ書き　リンク */
#MainDiv ul#topclass {
height: auto;
font-size: 1.4em;
clear: both;
float: none;
}
#MainDiv ul#topclass li {
float: right;
padding: 5px 15px;
margin: 0px;
width: auto;
height: auto;
}
#mes_word {
font-size: 1.2em;
color: #F00;
margin-left: 80px;
clear: both;
float: none;
}
/* 注文フォームボタン */
.orderform {
width: 690px;
text-align: center;
vertical-align: bottom;
margin: 40px auto 50px;
}
.orderform p {
float: left;
width: 345px;
vertical-align: bottom;
height: 40px;
}
/* トップ　スライドショー */
#topjsDiv { /*border-bottom: 26px solid #000;*/ margin-bottom: 20px; }
#topjsDiv .floatUl li {
font-size: 1.6em;
color: #FFF;
/*width: 80px;*/
}
#topjsDiv .floatUl {
margin-right: auto;
margin-left: auto;
/*width: 240px;*/
overflow: hidden;
}
#lefDiv {
float: left;
width: 800px;
}
#rigDiv {
float: right;
width: 150px;
}
/* --- スライドショー　start --- */
#slideshow {
position:relative;
height: 370px;
}
#slideshow li {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow li.active { z-index:10; }
#slideshow li.last-active { z-index:9; }
/* --- スライドショー　end --- */


/* トップ　そっくりやサイト説明 */
#yokosoDiv p {
float: left;
font-size: 1.1em;
color: #666;
}
#yokosoDiv ul {
float: none;
clear: both;
}
#yokosoDiv ul li {
float: left;
width: 160px;
}
/* カテゴリーバナー */
#cateDiv { margin-bottom: 10px; }
#cateDiv ul { padding-left: 30px; }
#cateDiv ul li {
width: 170px;
float: left;
padding-top: 10px;
}
/* What's New 更新履歴関係 */
#newDiv ul {
background-image: url(images/newback.gif);
background-repeat: repeat-y;
}
#newDiv ul li dl {
margin-left: 30px;
font-size: 1.2em;
}
#newDiv ul li {
border-bottom: 2px dotted #999;
padding-top: 5px;
padding-bottom: 5px;
}
#newDiv ul li dl dt {
text-indent: 1em;
color: #999;
}
#newDiv ul li dl dd { font-size: 0.9em; }
#top-new { font-weight: bold; }
/* カテゴリページ　追加CSS */
#lon-cateDiv div dl {
font-size: 1.1em;
margin-bottom: 10px;
width: 440px;
}
#lon-cateDiv { width: 100%; }
#lon-cateDiv hr.end {
border-bottom: 5px dotted #CCC;
border-top-style: none;
border-right-style: none;
border-left-style: none;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
#lon-cateDiv .attP {
font-size: 0.9em;
color: #F00;
background-color: #ffe0ef;
padding: 10px;
}
.procapP,
.procapP2 {
color: #333;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.procapP { font-size: 1.3em; }
.procapP2 { font-size: 1em; }
p#hei520 { height: 520px; }
.floUl li { float:left; }
#orimTable img.proimg {
width: 330px;
height: 330px;
}
/*デザイン色紙ページ寄せ書きリスト*/
.meslist2 .floUl li { padding-right: 20px; }
.meslist2 p { margin-top: -20px; }
/*デザイン色紙　3枚セット売りに移行*/
#desmesDiv {
margin-top: 10px;
margin-bottom: 10px;
}
#desmesDiv p { float: left; }
.nowrap { white-space: nowrap; }
.formpro-list {
clear: both;
float: none;
overflow: hidden;
}
/*アート色紙*/
#chalktopDiv {
background-image: url(images/chalkart-2.jpg);
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 30px;
}
#chalktopDiv p.float2 {
color: #FFF;
padding-top: 95px;
font-size: 0.9em;
padding-right: 10px;
}
/*タペストリーページ*/
#tapcap .float2 { width: 440px; }
/*アクリル時計ページ*/
#acrclo .acrclo ul li {
float: none;
height: auto;
width: auto;
border-style: none;
}
#acrclo .acrclo {
width: 600px;
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 30px;
}
#acrclo .acrclo div.float1 {
text-align: left;
padding-top: 10px;
padding-left: 20px;
}
/*短冊似顔絵*/
#tansize {
text-align: center;
width: 500px;
margin: 50px auto 20px;
}
/*寄せ書き新スタイル*/
#mes-style2 { width: 780px; }
#mes-style2 dl {
width: 200px;
margin-left:30px;
float:left;
}
#mes-style2 dl dd li {
padding: 3px;
float:left;
}
#mes-style2 dl dd li img {
width:83px;
height:auto;
}
/*オススメ部分　リストスタイル*/
#recomDiv { margin-bottom: 20px; }
#recomDiv ul li {
width: 150px;
float: left;
height: 230px;
}
#recomDiv ul li .listimg {
clear: both;
float: none;
}
#recomDiv ul li .listimg {
margin-top: 10px;
padding: 0px 15px 10px 10px;
}
#recomDiv .listimg a img { margin-top: 5px; }
#recomDiv .listimg a span {
background-image: url(images/listicon2.gif);
background-repeat: no-repeat;
line-height: 1.8em;
padding-left: 16px;
background-position: 2px 2px;
display: block;
}
#recomDiv div ul { padding-left: 20px; }
#recomDiv div {
border-top: 5px solid #F9C;
border-left: 5px solid #F9C;
height: 240px;
}
#recomDiv p.float1 {
padding-top: 62px;
padding-right: 10px;
}
#camDiv { font-size: 1.7em; }
#camDiv .whole ul { padding-left: 15px; }
#camDiv .whole ul.padTop20 li { line-height: 1.2em; }
/*JavaScript 対策*/
#JSNG {
width: 400px;
text-align: left;
border: 5px solid #ffaaaa;
padding: 10px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
#JSOK { display:none;/*width: 400px;
text-align: left;
border: 5px solid #aaaaff;
padding: 10px;
*/}
#FooterDiv dl {
text-align: left;
font-size: 1.2em;
padding-bottom: 15px;
color: #666;
padding-left: 20px;
}
#FooterDiv .info {
font-size: 1.8em;
text-align: left;
padding: 10px;
}
#FooterDiv .info-bgcol {
background-color: #47B1E6;
color: #FFF;
}
#FooterDiv .info-bgcol dl {
color: #FFF;
}
#HeadDiv ul li {
float: right;
/*width: 80px;*/
}
#pro #smhin {
	float: left;
	width: 260px;
	margin: 0px;
	padding: 0px;
}
#pro .floatUl {
	float: left;
	width: 463px;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#pro {
	width: 750px;
}
/*観光ポストカード*/
.formpro-list2 {
clear: both;
float: none;
overflow: hidden;
width:700px;
}

.formpro-list2 li{
	float:left;
	width:200px;
	background-color:#FFF;
	padding:10px;
}

/*スマホ用*/
#smh-BaseDiv {
position: relative;
width: 100%;
max-width:480px;
margin: 0 auto;
padding: 0px;
_text-align: left;/*background-color: #FFF;
border-left: 10px solid #FFF;*/
}
#smh-pro {
	width: 100%;
	max-width:480px;
}
#smh-pro ul li{
	width:50%;
	float: left;
}
.s-formpro-list2 {
clear: both;
float: none;
overflow: hidden;
width:100%;
}

.s-formpro-list2 li{
	float:left;
	width:40%;
	background-color:#FFF;
	padding:5%;
}
form#mailformpro div#smh-from dl dt {
width: 100%;
clear: both;
font-size: 12px;
padding: 10px 10px 10px 0px;
text-align: left;
border-top: 1px solid #F9C;
margin: 0px;
height: 100%;
font-weight: bold;
color: #666;
}
form#mailformpro div#smh-from dl dd {
width: 100%;
clear: both;
font-size: 12px;
padding: 10px 10px 10px 0px;
text-align: left;
border-top: 1px solid #F9C;
margin: 0px;
height: 100%;
font-weight: bold;
color: #666;
}