@charset "utf-8";
@import url("./set.css");
@import url("./common.css");
@import url("./contents.css");
@import url("./table.css");
@import url("./bloc.css");
@import url("./bloc_alpha.css");
@import url("./popup_import.css");
@import url("./top.css");
@import url("./print.css");

a:link, a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a:link:hover ,

a[href]:hover {
    color: #FFFF00;
    text-decoration: underline;
}

#body_all a:link:hover ,#body_all a[href]:hover {color:#036EB8;text-decoration: underline;}

#one_maincolumn {
    margin: 0 auto;
    width: 980px;
}

.main_column {
    padding: 0px 0 20px;
}

#container {
    background-color:transparent;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: left;
    width: 980px;
}

#header_wrap{
margin: auto 0;
text-align: center;
background-color: #e6e6e6;
height:30px;
}

#header_wrap .header_navi{
/*width: 820px;*/
width: 890px;
background-color: #58c3c4;
margin: auto;
color:#FFFFFF;
font-size:10px;
padding: 8px 0;
}

#scard_header{
/*width:820px;*/
width:890px;
margin:auto;
padding:20px 0 3px;
}
#scard_header a{
display:inline-block;
width:80px;
font-size:10px;
color: #4b4a4b;
}
#scard_header img{
vertical-align: bottom;
}

#header_c {
background: url("../img/2012top/new_header.gif") no-repeat scroll 0 0 #FFFFFF;
margin: auto;
width: 820px;
}

#header_yoko {
    background: url("../img/2012top/yoko/y_03.gif") no-repeat scroll 0 0 #000000;
    margin: auto;
    width: 820px;
}

#header_tate {
    background: url("../img/2012top/tate/t_19.gif") no-repeat scroll 0 0 #000000;
    margin: auto;
    width: 821px;
}

#slideshow .slides{
margin:0px;
width: 800px;
background-color:none;
height:340px;
overflow:;
}

#slideshow .slides, x:-moz-any-link, x:default { overflow:visible;}


#slideshow .slides li{
margin:0px;
width: 800px;
background-color:none;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
height: 50px;
}
.clearfix2:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}

.side_column .bloc_outer {
margin: 0px;
}

#leftcolumn {
float: left;
margin: 0 0 0 0;
width: 80px;
}

#three_maincolumn {
float: left;
width: 820px;
}

#rightcolumn {
float: left;
margin: 0 0 0 0px;
width: 80px;
}

body {
line-height: 110%;
letter-spacing: 0.05em;
background-color: #e6e6e6;
}

#copyright {
    float: left;
    font-size: 85%;
    text-align: center;
}

.black-left{
padding-top: 120px;
overflow-y:hidden;
}

.black-right {
padding-top: 120px;
}

.black-left-detail{
padding-top: 240px;
}

.black-right-detail {
padding-top: 240px;
}

/* yokoサムネイル横4枚 */
div.listphoto2 {
float: left;
text-align: center;
width: 205px;
height: 250px;
}

div.listphoto2-yoko {
float: left;
text-align: center;
width: 205px;
height: 220px;
padding-top:30px;
}

div.listphoto3 > div,
div.listphoto2-yoko > div,
div.listphoto2 > div {
  color: #4b4a4b !important;
}

/* tateサムネイル */
div.listphoto3 {
    float: left;
    height: 215px;
    text-align: center;
    width: 120px;
    margin: 0 5px;
    padding-left: 5px;
}

.ordersystem_category {
width:200px; float:left; padding-top:10px; margin-left:80px; font-size:11px;

}

.ordersystem_category li{
/*list-style-image: url(../img/2012top/order_system/arrow_brack.gif);*/
background:url(../img/2012top/order_system/arrow_brack.gif) left no-repeat;
text-indent: 20px;
}

.ordersystem_menu li{
background:url(../img/2012top/order_system/arrow_brack.gif) left no-repeat;
text-indent: 15px;
}

.ordersystem_menu{
float:left; padding-top:3px;padding-bottom:8px; margin-left:0px; font-size:11px; line-height:20px;
}


.ordersystem_category_left {
width:300px; float:left; padding-top:10px; font-size:11px;
}

.ordersystem_category_left li{
/*list-style-image: url(../img/2012top/order_system/arrow_brack.gif);*/
background:url(../img/2012top/order_system/arrow_brack.gif) left no-repeat;
text-indent: 10px;
background-position:80px;
}
.ordersystem_category li a,
.ordersystem_category_left li a{
	color:#666666;
}


.ordersystem_category_left_b {
width:200px; float:left; padding-top:10px; margin-left:100px; font-size:10px;
}

.ordersystem_category_left_b li{
/*list-style-image: url(../img/2012top/order_system/arrow_brack.gif);
*/background:url(../img/2012top/order_system/arrow_brack.gif) left no-repeat;
text-indent: 20px;
}



.ordersystem_category_left_c {
width:300px; float:left; padding-top:10px; font-size:10px;
}

.ordersystem_category_left_c li{
/*list-style-image: url(../img/2012top/order_system/arrow_brack.gif);*/
background:url(../img/2012top/order_system/arrow_brack.gif) left no-repeat;
text-indent: 25px;
background-position:100px;
}



.ordersystem_category_white {
width:300px; float:left; padding-top:10px; font-size:10px;
}


.ordersystem_category_white li{
background:url(../img/2012top/order_system/arrow_white.gif) left no-repeat;
text-indent: 15px;
background-position:80px;
}


.ordersystem_category_white_b {
width:200px; float:left; padding-top:10px; font-size:11px; color:#FFFFFF; margin-left: 80px;
}

.ordersystem_category_white_b li{
background:url(../img/2012top/order_system/arrow_white.gif) left no-repeat;
text-indent: 20px;
}



.ordersystem_category_right p {
	font-size:11px;
	letter-spacing:1px;
	line-height:1.8em !important;
	padding:5px 10px;
}

p.faq-text {
	font-size:11px;
	letter-spacing:1px;
	line-height:1.4em;
	padding:5px 10px;
}

/* 20150622文字色変更 */
#slide_botttom a,
.hov + div a,
.hov a { color: #4b4a4b; }

/*マウスホバー　暑中見舞い*/

/* .hov a:hover{background-color:#4C4948;} */
.hov a:hover{background-color:#58c3c4;}


/* -------------------------
__gnavi
-------------------------- */
div#gnavi {
width: 980px;
margin: 0 auto 21px auto;
clear: both;
}
div#gnavi ul {
width: 980px;
height: 22px;
margin: 0;
}
div#gnavi li {
float: left;
margin: 0;
width: 140px;
height: 22px;
}
/* -------------------------
__designmenu,servicejob
-------------------------- */
div#designmenu,div#servicejob,div#printoption,div#righttop,div#othermenu {
width: 203px;
}
/*カレンダー3カラム_右*/
div#othermenu .c_text{
border-bottom: 1px dashed #cccccc;
font-size: 14px;
padding: 5px 0;
}
div#othermenu .c_text_mini{
border-bottom: 1px dashed #cccccc;
font-size: 85%;
padding: 5px 0;
}
div#servicejob ul,div#printoption ul,div#righttop ul,div#othermenu ul {
width: 203px;
margin: 0;
}
div#designmenu ul {
width: 196px;
margin: 0;
border-bottom:1px #cccccc solid;
}
div#designmenu li {
margin: 0;
width: 182px;
height: 19px;
}
div#servicejob li,div#printoption li,div#righttop li,div#othermenu li {
margin: 0;
width: 199px;
font-size:80%;
border-bottom:1px #333333 solid;
padding:0 0 5px 4px;
}
div#servicejob li.gray,div#printoption li.gray,div#righttop li.gray,div#othermenu li.gray {
background-color:#F0F0F0;
}
div#servicejob li.top,div#printoption li.top,div#othermenu li.top {
border-top:1px #333333 solid;
}
div#printoption li.case {
background: #FFFFFF url(../img/bg_pmenu07.gif) left bottom no-repeat;
height:126px;
}
div#othermenu h2#link {
margin: 28px 0 0 0;
width: 203px;
height:77px;
font-size:85%;
font-weight:normal;
background: #FFFFFF url(../img/ttl_h2_sub05.gif) left bottom no-repeat;
}
/* -- sample -- */
div#sample {
width:203px;
height:87px;
background: #FFFFFF url(../img/bnr_sample.gif) no-repeat;
margin:14px 0 0 0;
}
div#vote {
width:203px;
height:87px;
background: #FFFFFF url(../img/bnr_vote.gif) no-repeat;
margin:14px 0 0 0;
}
div#koe {
width:203px;
height:87px;
background: #FFFFFF url(../img/bnr_koe.gif) no-repeat;
margin:14px 0 0 0;
}
div#sample p,div#vote p,div#koe p {
font-size:80%;
text-align:center;
padding:35px 7px 0 4px;
}
/* news */
div#news {
background: #FFFFFF url(../img/ttl_h2_news.gif) no-repeat;
width:560px;
min-height:42px;
margin:0 0 14px 0;
}
div#news p {
padding:10px 0 0 75px;
font-size:85%;
}
/* recomend_area */
#recomend_area .bloc_body .productImage {
margin-bottom: 10px;
float: left;
width: 266px;
}/* 商品詳細カテゴリ名　*/
#three_maincolumn p.title {
padding:5px 28px 0 28px;
text-align:left;
font-size:93%;}
/* カート関連　*/
h2.carttitle {
margin-bottom: 10px;
padding: 8px;
border-top: solid 1px #ebeced;
color: #333333;
background: url("../img/background/bg_tit_sub_02.gif") repeat-x left bottom;
background-color: #e8e8e8;
font-size: 108%;
}
div#undercolumn_cart .point_announce {
padding: 20px;
margin-bottom: 20px;
border: solid 1px #333333;
background: #f0f0f0;
font-size: 100%;
text-align: center;
line-height: 140%;
}/* メインカラム用 3カラム時*/
#three_maincolumn #recomend_area .bloc_body .productContents {
float: left;
width: 266px;
}
#three_maincolumn #recomend_area .bloc_body .productContents h3 {
padding:0 0 0 16px;
background: #FFFFFF url(../img/list_gray_circle.gif) left 1px no-repeat;
}/* --------------------------------------------3カラム設定07_01追加分 */
/*テキスト*/
#three_maincolumn p{
font-size:11px;
padding:5px 10px;
line-height: 1.4em;
letter-spacing: 1px;
}
/*
#three_maincolumn p{
padding: 5px;
line-height: 1.4em;
letter-spacing: 1px;
}
*//*消費税・左*/
#three_maincolumn .text_left{
padding: 10px;
float:left;
width: 260px;
font-weight: bold;
line-height: 1.6em;
}
/*消費税・右*/
#three_maincolumn .text_right{
padding: 10px;
float:right;
width: 260px;
font-weight: bold;
line-height: 1.6em;
}
/*テキスト・左*/
#three_maincolumn .text_left_p{
padding: 10px;
float:left;
width: 260px;
line-height: 1.6em;
font-size:10px;
}
/*テキスト・右*/
#three_maincolumn .text_right_p{
padding: 10px;
float:right;
width: 260px;
line-height: 1.6em;
}
#three_maincolumn .contents_img{
padding-left:5px;
}
/*カレンダー版｜インデント*/
#three_maincolumn .text_left_in{
padding: 10px;
float:left;
width: 270px;
line-height: 1.6em;
margin-left: 50px;
}
#three_maincolumn .text_right_in{
padding: 10px;
float:right;
width: 200px;
font-weight: bold;
line-height: 1.6em;
}
#three_maincolumn .text_right_in2{
padding-left: 60px;
float:left;
width: 500px;
line-height: 1.6em;
}#three_maincolumn .img_line{
border-top:1px solid #CCCCCC;max-width: 480px;}hr.example1 {
height: 1px;
border: none;
border-top: 1px #CCCCCC solid;
margin-left: 8px;
width: 535px;
float: left;
}
/*img・左*/
#three_maincolumn .img_left{float:left;
width: 280px;
font-weight: bold;
line-height: 1.6em;padding-top:10px;
}
/*img・右*/
#three_maincolumn .img_right{float:left;
width: 280px;
font-weight: bold;
line-height: 1.6em;padding-top:10px;
}
#three_maincolumn .text_pad{
padding-top:10px;
}
#three_maincolumn img{
padding: 2px 5px;
}#three_maincolumn .caution{
color:#DB0000 ;
padding: 10px;}/*テーブル*/
#three_maincolumn table td {
font-size: 9px;
text-align:left;
background-color: #E5E5E5;
font-weight: bold;
line-height: 1.6em;
padding: 5px;
}
/*テーブル・タイトル*/
#three_maincolumn table caption {
padding: 10px 0 10px 0;
text-align: left;
font-weight: bold;
}
#three_maincolumn table.left{
width: 260px;
float:left;
margin: 10px;
}#three_maincolumn table.right{
width: 260px;
float:right;
margin: 10px;
}
#three_maincolumn .img_bar{
padding-top:10px;
}
#three_maincolumn table {
width: 98%;
}#three_maincolumn div#detailphotobloc {
width:300px;
height:300px;
background-color: #dddddd;
margin:auto;
}
#three_maincolumn div#detailphotobloc .picture {
border:none;
}
#detailarea {
text-align:center;
}
#detailarea2 {
text-align:center;
margin:14px 0 0 0;
}
#detailarea p,#detailarea p.detailcomment {
font-size:80%;
}
#detailarea p.detailcomment {
padding:0 20px;
}
/* --------------------------------------------3カラム設定07_01追加分 *//* 3カラム設定 */
.recomendleft {
padding: 0 0 0 10px;
}
.recomendright {
padding: 0 10px 0 0;
}
/* List*/
div#undercolumn div#ctr{
width:560px;
margin:0 auto;
}
div.listphoto {
min-width:100px;
min-height:100px;
padding:0 6px;
}
div.listphoto a:hover {
text-decoration:none;
}
div.listphoto img {
max-width:117px;
max-height:130px;
padding:0 6px;
}

p.blue_index{
color:#0066DD;
font-size:11px;
line-height:1.8em;
}

p.red_index{
color:#FF0000;
font-size:11px;
line-height:1.8em;
}

p.popup_contents{
font-size:11px;
line-height:1.8em;
}

div.popup h2 {
	background: #FFFFFF url(../img/2012top/order_system/key_stone.gif) left no-repeat;
	text-indent: 25px;	
	padding-bottom:15px;	
}

div.popup h2 img {
	padding-top:10px;
}

p.popup_contents {
    font-size:11px;
	line-height:20px;
	padding-top:5px;
}

div.popup ol{
	list-style-type: decimal;
	padding-left:25px;
	line-height:20px;
	font-size:11px;
}

div.popup li{
	list-style-type: decimal;
}

div.popup span {
	color:#296bb8;
}

div.popup span.red {
	color:#FF0000;
}

table.price_list td{
	text-align:center;
	font-size:10px;
}

table.price_list td.nr{
	border-right:none;
	background-color:#eeeeee;
}

table.price_list td.gray{
	background-color:#eeeeee;
}

table.price_list td.bl{
	border-left:1px #cccccc solid;
	text-align:left;
}

table.form_sample{
	font-size:9px;
}

table.form_sample td{
	background-color:#e9e9e9;
}

/* copy guard */
/*.guard-img {
    position:relative;
}
.guard1 {
    position:absolute;
	top:0;
	left:0;
    display:block;
    width:447px;
    height:638px;
    background-image:url(../img/scard/spacer.gif);
}
.guard2 {
    position:absolute;
	top:0;
	left:0;
    display:block;
    width:638px;
    height:447px;
    background-image:url(../img/scard/spacer.gif);
}*/