@charset "UTF-8";
/*setagaya-design.com
Theme Name: amb_nenga_style
Theme URl: http://www.setagaya-design.com
Description: 
Version: 1.3
Author: Yagi,rico
*/

/***************************************************************************************************************************************************
■全体設定 
***************************************************************************************************************************************************/

/* CSSリセット-- */

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, p, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

fieldset{margin:0,0,0,0px; border: none;}



/* リンク-- */

a:link {color: #333; text-decoration: none;}

a:visited {text-decoration: none; color: #333;}

a:hover {color: #CC0000;}

/* トップへ戻る-- */

#page-top {
	position: fixed;
	bottom: 420px;
	right: 20px;
	z-index: 10;
}
#page-top a {
	background-image : url(../image/icon/icon_gotop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	width: 49px;
	height: 49px;
	padding: 0;
	display: block;
}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* フロートクリア-- */

.clear{ clear: both; line-height: 0;}

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

/* 水平線-- */

hr.dot{border-style: dotted; width: 168px; color: #333;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */}

/* スライス画像の隙間処理- */
img {vertical-align: bottom;}

/* パンくず- */

#kuzu{font-size: 80%; #333; line-height: 1; margin-top: 10px;}
#kuzu > a img {margin-right: 5px;}


/* ボトムマージン調整 */
.bottom5{margin-bottom: 5px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.bottom50{margin-bottom: 50px;}
.bottom60{margin-bottom: 60px;}
.bottom80{margin-bottom: 80px;}
.bottom90{margin-bottom: 90px;}
.bottom100{margin-bottom: 100px;}
.bottom150{margin-bottom: 150px;}
.bottom200{margin-bottom: 200px;}

/* フロート */
.float_l{float: left;}
.float_r{float: right;}

/***************************************************************************************************************************************************
■基本骨格 
***************************************************************************************************************************************************/

html{height: 100%;}

body{
	height: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333; 
	min-width: 1100px;
	zoom:1;
-webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
	
} /* 画面横幅を縮小した際に画像が切れないようにmin-width設定 */
.pc{display:block !important;}
.sp{display:none !important;}
.header_content{display:none;}

#wrapper{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px #C35 solid;
	position: relative;
	background-image: url(../image/header/header_bg.gif);
	background-repeat: repeat-x;
	}


#contents{
	width:1020px;
	height: auto;
	margin: 0 auto 50px;
	padding: 0;
	background-color: #fff;
}


#main{
	width: 1020px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


#sidebar{
	width: 200px;
	height: auto;
	margin: 0 50px 0 0;
	padding: 0;
	float: left;
}

#container{
	width: 770px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

#container .mainte_info{width: 632px; height: 215px; margin: 10px 0 20px 10px; text-align:left;}/*****1109八木追加****/

/***************************************************************************************************************************************************
■本文 要素
***************************************************************************************************************************************************/

.container_catch{
	width: 1020px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

.container_l{/* 下マージン30px */
	width: 1020px;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}

.container_l2{/* 下マージン100px */
	width: 1020px;
	height: auto;
	margin: 0px 0 100px 0;
	padding: 0;
	position: relative;
}

.container_l2_nenga{/* 下マージン100px */
	width: 1020px;
	height: auto;
	min-height: 600px;
	margin: 0px auto 100px;
	padding: 0;
	text-align:center;
	position: relative;
	overflow: hidden;
}

.container_l2b{/* 下マージン100px */
	width: 1020px;
	height: auto;
	margin: 0px 0 100px 0;
	padding: 0;
	position: relative;
	border-bottom: 1px dotted #333;
	padding-bottom: 50px;
}

.container_l2_banner{
	width: 1020px;
	height: auto;
	margin: 0px auto 30px;
	padding: 0;
	text-align:center;
	position: relative;
	overflow: hidden;
}

.container_l2_banner ul li{width:320px; display:block; float:left; margin: 0 27px 0 0; border:1px solid #bbb;}
.container_l2_banner ul li:last-child{margin:0 0 0 0;}


.container_l2_hagaki{
	width: 720px;
	height: auto;
	margin: 30px auto 30px;
	padding: 0;
	text-align:center;
	position: relative;
	overflow: hidden;
}

.container_l2_hagaki ul li{display:inline-block; margin: 0 15px 15px;}
.container_l2_hagaki ul li img{border:1px solid #ededed;}

.photo_btn{width:450px; height:auto; padding:24px 15px; 
font-weight:700; font-size:18px; background:#17afee;
border-radius:10px; text-align:center; margin:10px auto;
}

.photo_btn a{color:#fff;}

.illust_btn{width:450px; height:auto; padding:24px 15px; 
font-weight:700; font-size:18px; background:#55c567;
border-radius:10px; text-align:center; margin:10px auto;
}

.illust_btn a{color:#fff;}

.container_l3{/* 下マージン50px */
	width: 1020px;
	height: auto;
	margin: 0px auto 50px;
	padding: 0;
	text-align:center;
	position: relative;
}
.container_l4{/* 下マージン0px　 */
	width: 1020px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
}
.container_l5{/* 下マージン30px　ドットボーダー */
	width: 1020px;
	height: auto;
	border: 1px dotted #333;
	margin: 0px 0 30px 0;
	padding: 0;
	position: relative;
}
*:first-child+html div.container_l2{ /* IE 7 調整*/
	margin: 0;
}


.container_l6{margin: 0 0 20px 0;}


.container_m{
	width: 770px;
	height: auto;
	margin: 0 0 40px 0;
	padding: 0;
	position: relative;
}

.design_link{
	position: absolute;
	right: 0px;
	top: 15px;
	font-weight: bold;
}

.design_link2{
	position: absolute;
	right: 0px;
	top: 20px;
	font-weight: bold;
}
.design_link3{ /* イラスト年賀スライダーリンク*/
	position: absolute;
	right: 0px;
	top: 10px;
	right: 20px;
	font-weight: bold;
}

.block_title{
	width: 770px;
	height: 40px;
	border-bottom: 1px solid #333;
	margin: 0 0 20px;
}

.block_title2{
	width: 1020px;
	height: auto;
	text-align: center;
	border-bottom: 1px solid #333;
	padding: 5px 0;
	margin: 0 0 30px;
}

.block_title3{
	width: 1020px;
	height: auto;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 50px;
}

.block_title4{
	width: 1020px;
	height: auto;
	text-align: left;
	border-bottom: 1px solid #333;
	padding: 5px 0;
	margin: 0 0 20px;
}
.block_title5{
	width: 1020px;
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0 0 20px;
}

.container_service{
	width: 770px;
	height: 720px;
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
}

.container_service2{
	width: 1020px;
	height: 350px;
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
}
.container_service3{
	width: 1020px;
	height: 350px;
	margin: 0 0 150px 0;
	padding: 0;
	position: relative;
}
.container_service4{
	width: 1020px;
	height: 350px;
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
}

.service_box1{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 0px;
	padding: 10px;
	text-align: center;
}

.service_box2{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 267px;
	padding: 10px;
	text-align: center;
}

.service_box3{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 534px;
	padding: 10px;
	text-align: center;
}

.service_box4{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 400px;
	left: 0px;
	padding: 10px;
	text-align: center;
}

.service_box5{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 400px;
	left: 267px;
	padding: 10px;
	text-align: center;
}

.service_box6{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 400px;
	left: 534px;
	padding: 10px;
	text-align: center;
}

.service_box7{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 0px;
	padding: 10px;
	text-align: center;
}

.service_box8{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 261px;
	padding: 10px;
	text-align: center;
}

.service_box9{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 522px;
	padding: 10px;
	text-align: center;
}
.service_box10{
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	top: 70px;
	left: 783px;
	padding: 10px;
	text-align: center;
}
.service_box11{ /* top 0px */
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	left: 0px;
	padding: 10px;
	text-align: center;
}
.service_box12{ /* top 0px */
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	left: 261px;
	padding: 10px;
	text-align: center;
}

.service_box13{ /* top 0px */
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	left: 522px;
	padding: 10px;
	text-align: center;
}

.service_box14{ /* top 0px */
	width: 214px;
	height: 280px;
	border: 1px dotted #333;
	position: absolute;
	left: 783px;
	padding: 10px;
	text-align: center;
}

.service_box1 img:hover,
.service_box2 img:hover,
.service_box3 img:hover,
.service_box4 img:hover,
.service_box5 img:hover,
.service_box6 img:hover,
.service_box7 img:hover,
.service_box8 img:hover,
.service_box9 img:hover,
.service_box10 img:hover
.service_box11 img:hover
.service_box12 img:hover
.service_box13 img:hover
.service_box14 img:hover
{opacity: 0.7; filter: alpha(opacity=70);}


.service_box_btn {
	width: 214px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../image/common/backimg01.gif);
	background-repeat: repeat-x repeat-y;
	display: block;
	margin: 10px auto 0;
}

.service_box_btn a{
	width: 214px;
	height: 30px;
	color: #fff;
	font-size: 90%;
	display: table-cell;
	vertical-align: middle;
	line-height: 30px;
}

.service_box_btn a:hover{opacity: 0.7; filter: alpha(opacity=70);}

*:first-child+html p.service_box_btn a{ /* IE 7 調整*/
	display: inline; zoom:1; padding: 0;}

.top_order_link{
	width: 770px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../image/common/backimg01.gif);
	background-repeat: repeat-x repeat-y;
	display: block;
	margin: 10px auto 0;
}

.top_order_link a{
	width: 770px;
	height: 40px;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	letter-spacing : 0.1em; 
	display: table-cell;
	vertical-align: middle;
	line-height: 42px;
}

.top_order_link a:hover{opacity: 0.7; filter: alpha(opacity=70);}

*:first-child+html p.top_order_link a{ /* IE 7 調整*/
	display: inline; zoom:1; padding: 0;}

.group_site_box{
	width: 751px;
	height: auto;
	position: relative;
	margin: 0 0 0 17px;
	border: 1px solid #333;
	padding-bottom:20px;
}

.group_site_box2{
	width: 1001px;
	height: 350px;
	position: relative;
	margin: 0 0 0 17px;
	border: 1px solid #333;
}

.groupsite_icon{
	position: absolute;
	top: 10px;
	left: -19px;
}

.group_site_box_text{
	width: 701px;
	height: auto;
	margin: 50px auto 0;
}

.group_site_box_text2{
	width: 951px;
	height: auto;
	margin: 50px auto 0;
}

.group_site_image{
	width: 342px;
	height: auto;
	margin-top: 20px;
	border: 1px solid #eee;
}

.group_site_image:hover{opacity: 0.7; filter: alpha(opacity=70);}

.group_site_image2{
	width: 342px;
	height: auto;
	margin-top: -20px;
	border: 1px solid #eee;
}

.group_site_image2:hover{opacity: 0.7; filter: alpha(opacity=70);}

.group_site_link{
	width: 332px;
	height: 50px;
	vertical-align: middle;
	background-image: url(../image/common/backimg01.gif);
	background-repeat: repeat-x repeat-y;
	display: table;
	margin: 0 auto;
	padding: 5px 0 0 10px;
}

.group_site_link a{
	width: 332px;
	height: 50px;
	display: table-cell;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	letter-spacing : 0.1em; 
	vertical-align: middle;
	background: url(../image/icon/rightarrow_white.gif) top left no-repeat;
	background-position: 290px 7px;
}

*:first-child+html p.group_site_link a{ /* IE 7 調整*/
	display: inline; zoom:1; padding: 0;}

.group_site_link a:hover{opacity: 0.7; filter: alpha(opacity=70);}

.group_site_box_title{
	width: 240px;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
}

.osirase {height: auto; width: 770px; font-size: 14px; margin: 0 0 10px;}

.nenga_nouki_link{margin: 0 auto 15px; text-align: center;}
.nenga_nouki_link a img:hover{opacity:0.7;}

.nenga_nouki_link2{margin: 15px auto 15px; text-align: center;}
.nenga_nouki_link2 a img:hover{opacity:0.7;}

.top_underslide{
	width: 1020px; height: auto; margin: 20px auto 40px;
}

.top_underslide01,.top_underslide02,top_underslide03{
	width: 330px; height;auto; float:left;
}

.top_underslide01,.top_underslide02{
	margin-right:15px;
}

.top_underslide img{margin:0 0 10px 0;}
.top_underslide img:hover{opacity:0.8;}


.top_main_copy{
	font-size: 125%;
	line-height: 180%;
	text-align: center;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 30px 0 30px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

.type_main_copy{
	font-size: 140%;
	line-height: 180%;
	text-align: center;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: -5px auto 10px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}


/***************************************************************************************************************************************************
■ヘッダー 
***************************************************************************************************************************************************/

#header{
	width: 1020px;
	height: 200px;
	margin: 0 auto;
	padding-top: 38px;
	border: 0px #C3C solid;
	position: relative;
}

.logo_copy{
	font-size: 80%;
	margin: -15px 0 5px 0;
}

h1 a{
	background-image: url(../image/header/h_koborogo.gif);
	background-repeat: no-repeat;
	width: 305px;
	height: 50px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	margin: 10px 0 12px 0;
}

h1 span a{
	background-image: url(../image/footer/hagakikoborogo_s.png);
	background-repeat: no-repeat;
	width: 305px;
	height: 92px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	margin: 10px 0 12px 0;
}

#wed{
	background-image: url(../image/top_post_baby/wedding_logo.gif);
	background-repeat: no-repeat;
	width: 474px;
	height: 36px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
}

#baby{
	background-image: url(../image/top_post_baby/baby_logo.gif);
	background-repeat: no-repeat;
	width: 385px;
	height: 55px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 58px;
	right: 0px;
}

#header_right {
	position: absolute;
	width: 600px;/* 幅を指定しないとIE7で横スクロールが伸びる*/
	top: 30px;
	right: 0px;
	text-align: right;
}


/* topmenu*/
.topmenu{margin:-5px 0 1px 0}
.topmenu ul{display: block}
.topmenu ul li{display:inline-block;*display:inline;zoom:1;vertical-align: top;letter-spacing:0.1em;margin:0;padding:0;}
.topmenu ul li a{display:inline-block;*display:inline;zoom:1;font-size:0.7em;margin:0;padding:0;height:13px;line-height:1.2em;vertical-align: top;}
.topmenu ul li.topm1,.topmenu ul li.topm2,.topmenu ul li.topm3,.topmenu ul li.topm4,.topmenu ul li.topm5{margin-right:3px}
.topm1 span{background: url('../image/header/topmenuicon.png') no-repeat 0 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm2 span{background: url('../image/header/topmenuicon.png') no-repeat -13px 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm3 span{background: url('../image/header/topmenuicon.png') no-repeat -27px 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm4 span{background: url('../image/header/topmenuicon.png') no-repeat -40px 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm5 span{background: url('../image/header/topmenuicon.png') no-repeat -53px 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm6 span{background: url('../image/header/topmenuicon.png') no-repeat -66px 0%;display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}
.topm7 span{background:url('../image/nengasp/LOGIN_icon.png') no-repeat center; background-size:auto 100% ; display:inline-block;*display:inline;float:left\9;zoom:0;width:13px;height:13px;margin:0 6px 0 0;vertical-align: top;}


#header_logo{
	/*width: 170px;*/
	height: 38px;
	position: absolute;
	top: 60px;
	right: 0px;
}
#header_logo img{display:inline-block; margin-left:0px; vertical-align:middle;}

#header_logo2{
	width: 198px;
	height: 36px;
	position: absolute;
	top: 70px;
	right: 0px;
}

#header_login{
	width: 150px;
	height: 65px;
	position: absolute;
	top: 46px;
	right: 0px;
	display: block;
}


#header_login > a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#g-menu {
	width: 1020px;
	height: 70px;
	margin: 0 auto;
	display: block;
	list-style-type: none;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

#g-menu ul li{
	width: 170px;
	height: 70px;
	display: inline;
	float: left;
}

#g-menu ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 170px;
	height: 70px;
	background-image: url(../image/header/nav_new_nenga.gif);
	background-repeat: no-repeat;}

	.g-menu01 a{ background-position: 0px 0; }
	.g-menu02 a{ background-position: -170px 0; }
	.g-menu03 a{ background-position: -340px 0; }
	.g-menu04 a{ background-position: -510px 0; }
	.g-menu05 a{ background-position: -680px 0; }
	.g-menu06 a{ background-position: -850px 0; }

	.g-menu01 a:hover{ background-position: 0px -70px; }
	.g-menu02 a:hover{ background-position: -170px -70px; }
	.g-menu03 a:hover{ background-position: -340px -70px; }
	.g-menu04 a:hover{ background-position: -510px -70px; }
	.g-menu05 a:hover{ background-position: -680px -70px; }
	.g-menu06 a:hover{ background-position: -850px -70px; }

	.g-menu01 a:active{ background-position: 0px -70px; }
	.g-menu02 a:active{ background-position: -170px -70px; }
	.g-menu03 a:active{ background-position: -340px -70px; }
	.g-menu04 a:active{ background-position: -510px -70px; }
	.g-menu05 a:active{ background-position: -680px -70px; }
	.g-menu06 a:active{ background-position: -850px -70px; }

	.g-menu01 a.current{ background-position: 0px -70px; }
	.g-menu02 a.current{ background-position: -170px -70px; }
	.g-menu03 a.current{ background-position: -340px -70px; }
	.g-menu04 a.current{ background-position: -510px -70px; }
	.g-menu05 a.current{ background-position: -680px -70px; }
	.g-menu06 a.current{ background-position: -850px -70px; }


/*グローバル７つバージョン
#g-menu {
	width: 1008px;
	height: 70px;
	margin: 0 auto;
	display: block;
	list-style-type: none;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}

#g-menu ul li{
	width: 144px;
	height: 70px;
	display: inline;
	float: left;
}

#g-menu ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 144px;
	height: 70px;
	background-image: url(../image/header/nav_new_nenga2.gif);
	background-repeat: no-repeat;}

	.g-menu01 a{ background-position: 0px 0; }
	.g-menu02 a{ background-position: -144px 0; }
	.g-menu03 a{ background-position: -288px 0; }
	.g-menu04 a{ background-position: -432px 0; }
	.g-menu05 a{ background-position: -576px 0; }
	.g-menu06 a{ background-position: -720px 0; }
	.g-menu07 a{ background-position: -864px 0; }

	.g-menu01 a:hover{ background-position: 0px -70px; }
	.g-menu02 a:hover{ background-position: -144px -70px; }
	.g-menu03 a:hover{ background-position: -288px -70px; }
	.g-menu04 a:hover{ background-position: -432px -70px; }
	.g-menu05 a:hover{ background-position: -576px -70px; }
	.g-menu06 a:hover{ background-position: -720px -70px; }
	.g-menu07 a:hover{ background-position: -864px -70px; }

	.g-menu01 a:active{ background-position: 0px -70px; }
	.g-menu02 a:active{ background-position: -144px -70px; }
	.g-menu03 a:active{ background-position: -288px -70px; }
	.g-menu04 a:active{ background-position: -432px -70px; }
	.g-menu05 a:active{ background-position: -576px -70px; }
	.g-menu06 a:active{ background-position: -720px -70px; }
	.g-menu07 a:active{ background-position: -864px -70px; }

	.g-menu01 a.current{ background-position: 0px -70px; }
	.g-menu02 a.current{ background-position: -144px -70px; }
	.g-menu03 a.current{ background-position: -288px -70px; }
	.g-menu04 a.current{ background-position: -432px -70px; }
	.g-menu05 a.current{ background-position: -576px -70px; }
	.g-menu06 a.current{ background-position: -720px -70px; }
	.g-menu07 a.current{ background-position: -864px -70px; }*/


/***************************************************************************************************************************************************
■サイドバー要素
***************************************************************************************************************************************************/


.side_container{
	width: 198px;
	height: auto;
	border: 1px #333 dotted;
	margin: 0 0 10px 0;
	padding: 15px 0;
}

.side_container2{/* ボトムマージン無し */
	width: 198px;
	height: auto;
	border: 1px #333 dotted;
	margin: 0;
	padding: 15px 0;
}

.img_center{
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding: 0 0 10px 0;
}

.img_center2{/* ボトムパディングなし */
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}

.img_center3{
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding: 0 0 30px 0;
}

.container_back{
	display:table;
	text-align: center;
	vertical-align:middle;
	width: 165px;
	height: 75px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.container_back > a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

/*.container_back_img{ 上下中央 
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	width: 110px;
	height: 40px;
}*/
.side_container2 > p{
	line-height: 120%;
	color: #CC0000;
	text-align: center;
}
.side_container2 > a{
	font-weight: bold;
}
.side_container > p{
	margin-left: 15px;
}

.side_container > ul,.side_container2 > ul{
	margin-top: 10px;
	margin-left: 15px;
}

.side_container > ul li,.side_container2 > ul li{
	font-size:80%;
	margin: 0;
	padding: 0px;
	color: #333;
	line-height: 200%;
	list-style-image: url(../image/icon/icon_01.gif);
	list-style-position: inside;
}

.side_container3{/* パディング5px */
	width: 198px;
	height: auto;
	border: 1px #333 dotted;
	margin: 0 0 10px 0;
	padding: 5px 0;
}

.side_container3 a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.side_container4{/* 枠線なし */
	width: 198px;
	height: auto;
	border: 0px #333 dotted;
	margin: 0 0 20px 0;
	padding: 5px 0;
}

.news_container{
	background-color: #eee;
	width: 182px;
	height: 270px;
	padding: 8px;
	overflow: auto;
}

/***************************************************************************************************************************************************
■フッター 
***************************************************************************************************************************************************/

#footer {
	width: 100%;
	height: auto;
	padding: 0;
}


#inquiry{
	width: 1018px;
	height: 218px;
	margin: 0 auto 50px;
	padding: 0;
	border: 1px solid #333;
	overflow: hidden;
}

.inquiry_box_left{
	width: 620px;
	height: auto;
	float: left;
	overflow: hidden;
}

.inquiry_box_right{
	width: 398px;
	height: auto;
	float: right;
}

.inquiry_title{
	width: 599px;
	height: 89px;
	padding: 10px;
	border-right: 1px dotted #333;
	border-bottom: 1px dotted #333;
}

.inquiry_tel{
	width: 185px;
	height: 90px;
	padding: 10px 5px;
	border-right: 1px dotted #333;
	float: left;
}

.cellphone{font-size: 75%; color: #333; text-align: center; margin-top: 8px; line-height: 160%; font-weight: bold;}

.inquiry_mail{
	width: 186px;
	height: 90px;
	padding: 10px 7px;
	border-right: 1px dotted #333;
	float: left;
}

.inquiry_form{
	width: 202px;
	height: 90px;
	padding: 10px 10px;
	border-right: 1px dotted #333;
	float: left;
}

.inquiry_form a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.inquiry_faq{
	width: 370px;
	height: 192px;
	margin: 14px;
	overflow: hidden;
}

ul.faq_list{
	display: block;
	width: 150px;
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 5px;
}

*:first-child+html ul.faq_list{/* IE 7 調整*/
	width: 155px;
	margin-right: 10px;
	margin-left: -5px;
}


ul.faq_list2{
	display: block;
	width: 190px;
	float: left;
	margin-top: 10px;
}

*:first-child+html ul.faq_list2{/* IE 7 調整*/
	width: 190px;
}

ul.faq_list li,ul.faq_list2 li{
	font-size:80%;
	position: relative;
	margin: 0;
	padding: 0px;
	color: #333;
	line-height: 300%;
	list-style-image: url(../image/icon/icon_01.gif);
	list-style-position: inside;
}

*:first-child+html ul.faq_list li{/* IE 7 調整*/
	padding-left: 5px;
	list-style-image: none;
	background-image: url(../image/icon/icon_01.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;

}

*:first-child+html ul.faq_list2 li{/* IE 7 調整*/
	padding-left: 5px;
	list-style-image: none;
	background-image: url(../image/icon/icon_01.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;

}

.footer_u{
	width: 100%;
	height: 30px;
	margin: 0;
	background-image: url(../image/common/backimg03.gif);
	background-repeat: repeat-x;
	text-align: center;
}

.footer_u2{
	width: 100%;
	height: 30px;
	margin: 0 0 15px 0;
	background-image: url(../image/common/backimg03.gif);
	background-repeat: repeat-x;
	text-align: center;
}

.footer_m{
	width: 100%;
	height: 430px;
	margin: 0 auto 40px;
	background-color: #eee;
	background-image: url(../image/common/backimg02.gif);
	background-repeat: repeat-x repeat-y;
}

#footer_box{	
	width: 1020px;
	height: auto;
	margin: 0 auto;
	position: relative
	overflow: hidden;
}

.footer_box_a{
	width: 280px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 50px;
}

.calendar{
	width: 130px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#sns{
	width: 300px;
	height: 20px;	
	margin: 15px 0 0 0;
	padding: 0;
}

.share-buttons{
	list-style: none;
}

.share-buttons li{
	display: inline;
}


.footer_box_b{
	width: 320px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 50px;
}

.footer_box_c{
	width: 320px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 20px;
}


.footer_b{
	width: 100%;
	height: 200px;
	margin: 0 auto 40px;
	background-color: #fff;
}

.footer_banner{
	width: 1020px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.footer_banner ul{
	position: relative;
	left: 50%;
	float: left;
}

.footer_banner li{
	position: relative;
	left: -50%;
	float: left;
	text-align: center;
	width: auto;
	height: auto;
	margin-left: 20px;
	line-height: 70px;
}


*:first-child+html .footer_banner li:first-child{/* 足りない画像の幅を補てん：IE 7 調整*/
	padding: 0 29px;
}

.footer_banner li > a img{
	vertical-align: middle;
}

.footer_banner li > a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.footer_banner li:first-child{
	margin-left: 0px;
}

.copyright{
	margin: 60px 0 0 0;
	text-align: center;
	font-size: 75%;
	color: #333;
	line-height: 200%;
	letter-spacing : 0.1em;
	clear: both;
}
.copyright > img{margin-right: 10px; vertical-align:baseline;}


/***************************************************************************************************************************************************
■スライダー類
***************************************************************************************************************************************************/

/* スライダー-- */
#slider{
	width: 1020px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border: 0px #900 dotted;
}

.slider_link a{
	width: 250px;
	height: 50px;
	position: absolute;
	top: 420px;
	left: 30px;
	display: block;
	z-index: 30;
	background-image: url(../image/common/spsitebutt.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.slider_link a:hover{opacity: 0.6; filter: alpha(opacity=60); }

#d_pickup_back{
	width: 770px;
	height: 250px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(../image/common/syasen3.png);
	background-repeat: repeat-x repeat-y;
}

#d_pickup_back2{
	width: 1020px;
	height: 250px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(../image/common/syasen3.png);
	background-repeat: repeat-x repeat-y;
}

.d_pickup{
	height: 250px;
	margin: 0;
	padding: 0;
	display: block;
}

.d_pickup2{
	margin: 0;
	padding: 0;
	display: block;
}

.pickup_box_tate{
	height: 177px;
	border: 0px solid #900;
	text-align: center;
	padding-top: 0px;
	margin-top: 10px;
	line-height: 100%;
}

.pickup_box_yoko{
	height: 150px;
	border: 0px solid #900;
	text-align: center;
	padding-top: 27px;
	margin-top: 10px;
	line-height: 100%;
}

.pickup_box_tate img:hover{opacity: 0.7; filter: alpha(opacity=70);}
.pickup_box_yoko img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.slide_text{
	text-align: center;
	font-size: 90%;
	color: #333;
	line-height: 160%;
	font-weight: normal;
	margin-top: 0px;
}


/***************************************************************************************************************************************************
■フォント
***************************************************************************************************************************************************/

h3{font-size:105%; margin: 0; padding: 0; color: #333; line-height: 160%; letter-spacing : 0.1em;  clear: both;}

h4{font-size:100%; margin: 0; padding: 0px; color: #333; letter-spacing : 0.1em; clear: both;}

h5{font-size:95%; margin: 0; padding: 0px; color: #333; line-height: 160%; letter-spacing : 0.1em; clear: both;}

h6{font-size:90%; margin: 0; padding: 0px; color: #333; line-height: 160%; letter-spacing : 0.1em; clear: both;}

p{font-size: 95%; margin: 0; line-height: 160%; max-height: 999999px;/* Android Chromeバグ対策*/
}

/* .day_red{font-size:200%; margin: 0; padding: 0; color: #CC0000; line-height: 160%; font-weight: bold;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";}
*/
.day_red{font-size:180%; margin: 0; padding: 0; color: #CC0000; line-height: 160%; font-weight: bold;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

.day_red2{font-size:230%; margin: 0 0 15px; padding: 0; color: #CC0000; line-height: 120%; font-weight: bold;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.bold{font-weight: bold;}
.bold_c{font-weight: bold; text-align: center;}
.image_c{text-align: center; padding: 7px 0 0 0;}
.red{color: #CC0000;}
.red_bold{color: #CC0000; font-weight: bold;}
.red_bold_min{color: #CC0000; font-weight: bold; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";}
.comment{font-size: 90%; color: #333; line-height: 160%; font-weight: normal; max-height: 999999px;/* Android Chromeバグ対策*/}
.comment_bold{font-size: 90%; color: #333; line-height: 160%; font-weight: bold;}
.comment_center{font-size: 90%; color: #333; line-height: 160%; font-weight: normal; text-align: center; max-height: 999999px;/* Android Chromeバグ対策*/}
.comment_red{font-size: 90%; color: #CC0000; line-height: 160%; font-weight: normal;}
.comment_s{font-size: 80%; color: #333; line-height: 160%; font-weight: normal;}
.comment_s2{width:186px!important; margin:8px auto!important; font-size: 80%; color: #333; line-height: 160%; font-weight: normal;}
.comment_line{font-size: 90%; color: #333; line-height: 160%; font-weight: normal; text-decoration: underline;}
.news{font-size: 70%; color: #333; line-height: 160%; font-weight: normal;}

.midashi_l{font-size:120%; margin: 0; padding: 0px; color: #333; font-weight: bold; letter-spacing : 0.1em; }
.midashi_m{font-size:110%; margin: 0; padding: 0px; color: #333; font-weight: bold; letter-spacing : 0.1em; }
.address_text{font-size: 80%; color: #333; line-height: 160%; font-weight: normal; margin-top: 20px;}
.calendar_text{font-size: 75%; color: #333; line-height: 160%; font-weight: normal; clear: both;}

.kakomi_t{width: 307px; font-size: 90%; color: #333; line-height: 160%; font-weight: bold; background-color: #dbdbdb; 
	padding:5px 5px 5px 8px; position: relative; margin-bottom: 10px;}
.kakomi_link{font-size: 90%; color: #333; position: absolute; top: 7px; right: 7px;}

.pay_midashi{font-size: 80%; color: #333; line-height: 160%; font-weight: bold; margin-bottom: 10px;}

.pay_midashi:before{content: url(../image/icon/icon_01.gif) no-repeat left center; padding-right: 5px;}

.pay_text{font-size: 75%; color: #333; line-height: 160%; font-weight: normal; margin: 5px 0 20px 0;}

.deli_text{font-size: 80%; color: #333; line-height: 160%; margin-bottom: 10px;}
.deli_text:before{content: url(../image/icon/icon_01.gif) no-repeat left center; padding-right: 5px;}
.deli_text > img{padding-top: 5px; padding-bottom: 30px;}

.service_box{font-size: 80%; color: #333; line-height: 160%; margin-top: 0px; text-align: left;}

.midashi_min{font-size: 120%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_l{font-size: 160%; line-height: 160%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_l2{font-size: 160%; line-height: 160%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_l2g{color:#333; font-size: 160%; line-height: 160%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_l_center{
	font-size: 140%;
	line-height: 160%;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
}
.midashi_min_ll{font-size: 180%; line-height: 160%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_big{font-size: 220%; line-height: 160%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_ll_w{font-size: 180%; line-height: 220%; color: #fff; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_l2{font-size: 160%; line-height: 160%;}


/***************************************************************************************************************************************************
■各ページ
***************************************************************************************************************************************************/


/* top年賀早割バナー */
.top_campa{
	width: 655px;
	height: 140px;
	margin: 0px 10px 0px 0px;
}

.top_campalink{
	width: 105px;
	height: 140px;
}

.top_campalink a:hover{
	opacity: 0.6; filter: alpha(opacity=60); 
}
.top_campalink p{
	width: 105px;
	height: 70px;
	margin: 0px;
}

.uketsuke{width:1020px; margin:20px auto; text-align:center;}

.illust_banner{width:1020px; margin:0px auto 20px; text-align:center;}
.illust_banner2{width:1020px; margin:-20px auto 50px; text-align:center;}

/* 選ばれる理由 */

.page_title01{
	width: 260px;
	height: 60px;
	background-image: url(../image/common/pagetitle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 20px auto 80px;
}

#staff_img{
	width: 657px;
	height: 142px;
	margin: 30px auto 30px;
}

.staff_img img{
	float: right;
	margin: 0 5px;
}

/* 選ばれる理由 */


#reason1,#reason2,#reason3,#reason4,#reason5,#reason6,#reason7,#reason8,#reason9,#reason10{
	width: 1018px;
	height: auto;
	margin: 30px auto 100px;
	display: block;
	border-bottom: 1px dotted #333;
	padding-bottom: 50px;
}

*:first-child+html div#reason1{ /* IE 7 調整*/
	margin: 0px auto 100px;
	padding-top: 30px;
}

.reason_box_l{
	height: auto;
	float: left;
	margin-left: 30px;
}

.reason_box_l2{
	height: auto;
	float: left;
	margin-left: 50px;
}

.reason_box_r{
	height: auto;
	float: right;
	margin-right: 30px;
}

.reason_box_c{
	height: auto;
	text-align: center;
	margin: 0 auto 50px;
}

.reason_text{
	font-size: 125%;
	line-height: 180%;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-top: 30px;
}

#paper{
	width: 430px;
	height: auto;
	display: block;
	margin: 0 auto;
}

#paper ul li{
	width: 200px;
	height: auto;
	float: left;
	margin-left: 30px;
	overflow: hidden;
}
#paper ul li:first-child{margin-left: 0px;}


#paper2{
	width: 430px;
	height: auto;
	display: block;
	margin: 0 auto;
}

#paper2 ul li{
	width: 200px;
	height: auto;
	float: left;
	margin-left: 30px;
	overflow: hidden;
}
#paper2 ul li:first-child{margin-left: 0px;}


#paper3{
	width: 660px;
	height: auto;
	display: block;
	margin: 20px 0 0 15px;
}

#paper3 ul li{
	width: 200px;
	height: auto;
	float: left;
	margin-left: 30px;
	overflow: hidden;
}
#paper3 ul li:first-child{margin-left: 0px;}


.paper_box_link{
	width: 197px;
	height: 56px;
	vertical-align: middle;
	margin: 20px auto 30px;
}

.paper_box_link a{
	width: 197px;
	height: 56px;
	display: block;
	background-image: url(../image/ambiente/a_i_image2_1.gif);
	background-position: 0px 0px;
}

.paper_box_link a:hover{
	background-position: 0px -59px;
}


.paper_box_link a > p{
	vertical-align: middle;
	line-height: 53px;
	text-align: left;
	padding-left: 15px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #333;
}

.paper_box_link a > p:hover{
	color: #999;
	cursor: pointer;
}

/* ハガキについて */
.page_title{
	width: 800px;
	height: 58px;
	text-align: center;
	margin: 20px auto 80px;
}

*:first-child+html div.page_title{/* IE 7 調整*/
	margin: 20px auto 0px;
}

#hagaki1,#hagaki2,#hagaki3,#hagaki4,#hagaki5,#hagaki6,#hagaki7,#hagaki8,#hagaki9{
	width: 1018px;
	height: auto;
	text-align: center;
	margin: 90px auto 90px;
	display: block;
	position: relative;
}
*:first-child+html div#hagaki6{ /* IE 7 調整*/
	padding-bottom: 80px; 
}

*:first-child+html div#hagaki1{ /* IE 7 調整*/
	margin: 0px auto 90px;
	padding-top: 90px;
}

*:first-child+html div#hagaki5{ /* IE 7 調整*/
	margin: 0px auto 90px;
	padding-top: 90px;
}

#hagaki1,#hagaki2,#hagaki3,#hagaki5,#hagaki6,#hagaki7,#hagaki8{border-bottom: 1px dotted #333;}

#hagaki2 a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.hagaki_text,.hagaki_text2{
	font-size: 125%;
	line-height: 180%;
	text-align: center;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 30px 0 30px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

.hagaki_text2{margin: 30px 0 60px;}

.hagaki_text_box{
	width: 730px; 
	height: auto
	font-size: 90%;
	margin: 0 auto 30px;
	text-align: left;
	line-height: 180%;
	letter-spacing : 0.1em;
}

.hagaki_box{
	width: 700px;
	height: auto;
	border: 1px dotted #333;
	position: relative;
	overflow: hidden;
	margin: 0 auto 80px;
	text-align: left;
}

*:first-child+html div.hagaki_box{/* IE 7 調整*/
	padding-bottom: 20px;
}

.hagaki_box > img{
	margin-top: 25px;
	margin-left: 25px;
}

.plate,.plate2{ 
	display: block;
	position: relative;
	top:60px;
	left:145px;
	z-index: 2;
}

*:first-child+html img.plate{/* IE 7 調整*/
	display: block;
	position: absolute;
	top:1570px;
	left:145px;
	z-index: 2;
}

*:first-child+html img.plate2{/* IE 7 調整*/
	display: block;
	position: absolute;
	top:1190px;
	left:145px;
	z-index: 2;
}

.hagaki_text_box2{
	width: 280px; 
	height: auto
	font-size: 90%;
	margin: 65px 0 20px 30px;
	text-align: left;
	line-height: 180%;
	letter-spacing : 0.1em;
	float: left;
}
.hagaki_text_box3{
	width: 658px;
	height: 65px;
	display: table;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #333;
}

.hagaki_text_box3 > p{
	display: table-cell;
	vertical-align: middle;
}

*:first-child+html div.hagaki_text_box3 > p{ /* IE 7 調整*/
	padding-top: 10px;
}

.hagaki_img_box{
	width: 660px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: table;
}

.hagaki_text_box4{
	width: 320px;
	height: auto;
	float: left;
}

.hagaki_text_box4 > p{
	width: 318px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #333;
}

*:first-child+html div.hagaki_text_box4 > p{ /* IE 7 調整*/
	height: 60px;
	padding-top: 20px;
}

.hagaki_text_box5{
	width: 320px;
	height: auto;
	float: right;
}

.hagaki_text_box5 > p{
	width: 318px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #333;
}

*:first-child+html div.hagaki_text_box5 > p{ /* IE 7 調整*/
	height: 71px;
	padding-top: 9px;
}

.hagaki_img_box2{
	width: 930px;
	height: auto;
	margin: 80px auto 80px;
	position: relative;
	overflow: hidden;
}

.hagaki_text_box6{
	width: 570px;
	height: auto;
	float: left;
}

.hagaki_text_box6 small{display:block; font-size:12px; margin-top:10px;}

.hagaki_text_box7{
	width: 310px;
	height: auto;
	float: right;
}

.hagaki_text_box6 >img,.hagaki_text_box7 > img{
	margin-bottom: 10px;
}

.hagaki_text_box8{
	width: 600px;
	height: auto
	font-size: 90%;
	margin: 65px 0 20px 30px;
	text-align: left;
	line-height: 150%;
	letter-spacing : 0.1em;
	float: left;
}

.hagaki_img_box3{
	width: 600px;
	height: auto;
	margin: 0px 30px 20px 0;
	float: left;
	text-align: center;
	overflow: hidden;
}

.print_midashi{
	width: 700px;
	height: 60px;
	text-align: center;
	background-image: url(../image/common/syasen3.png);
	background-repeat: repeat-x repeat-y;
	margin: 0 auto 20px;
	line-height: 60px;
	font-size: 22px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

.hagaki_text_box9{
	width: 700px;
	height: auto;
	padding: 10px;
}

/* 価格・納期 */

#price1,#price2,#price3,#price4,#price5,#price6,#price7,#price8,#price9,#price10,#price11,#price12,#price13,#price14,#price15{
	width: 1018px;
	height: auto;
	text-align: center;
	margin: 90px auto 90px;
	display: block;
	position: relative;
}

*:first-child+html div#price1{ /* IE 7 調整*/
	margin: 0px auto 90px;
	padding-top: 90px;
}

#price1,#price2,#price3,#price4,#price5,#price6,#price8,#price9,#price10,#price11,#price12,#price13,#price14{
border-bottom: 1px dotted #333;}

.price_text,.price_text2{
	font-size: 125%;
	line-height: 180%;
	text-align: center;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 30px 0 30px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

.price_text3{
	font-size: 100%;
	line-height: 220%;
	text-align: center;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 30px 0 10px;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

img.title_square{vertical-align: middle;} 

.price_container{
	width: 700px;
	height:	auto;
	border: 1px dotted #333;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}

.price_container2{
	width: 700px;
	height:	auto;
	border-left: 1px dotted #333;
	border-right: 1px dotted #333;
	border-bottom: 1px dotted #333;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto 50px;
}

.card_comment{
	width: 510px;
	height: auto;
	margin: 0 auto 30px;
	text-align: left;
	font-size: 90%;
	line-height: 160%;
	color: #333;
}

.table_box{
	width: 400px;
	height: auto:
	margin: 0 auto;
	display: block;
}

table#price_b{
	width: 400px;	
	height: auto;
	border-collapse: collapse;
	font-size: 85%;
	margin: 0 auto 50px;
	line-height: 160%;
	text-align: center;
}

table#price_b th{background-color: #666; color: #fff; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}
table#price_b td{background-color: #fff; color: #333; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}

#price_box{
	width: 720px;
	margin: 0 auto;
	text-align: center;
}


table.price{
	width: 350px;
	height: auto;
	border-collapse: collapse;
	font-size: 85%;
	margin: 0 5px 20px 5px;
	line-height: 160%;
	float: left;
}

table.price th{background-color: #666; color: #fff; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}
table.price td{background-color: #fff; color: #333; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}
table.price td.e{background-color: #EEE; color: #333; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}


table.price_before{
	width: 710px;
	height: auto;
	border-collapse: collapse;
	font-size: 85%;
	margin: 0 auto 20px;
	line-height: 160%;
	float: none;
}

table.price_before th{background-color: #666; color: #fff; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}
table.price_before td{background-color: #fff; color: #333; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}
table.price_before td.e{background-color: #EEE; color: #333; border: 1px solid #333; text-align:center; vertical-align: middle; padding: 5px;}


.title_small{
	display: block;
	height: 25px;
	text-align: center;
	vertical-align: bottom;
	font-size: 25px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 80px 0 30px 0;
}

.title_small > img{vertical-align: middle;}

.campaign_text{
	text-align: center;
	vertical-align: middle;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 110%;
}

.campaign_text > img{margin: 20px auto 80px;}

.atena_print_btn {text-align: center; margin: 0 0 60px 0;}
.atena_print_btn a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

.cust_box{
	width: 900px;
	height: auto;
	border: 1px dotted #333;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
}

*:first-child+html div.cust_box{/* IE 7 調整*/
	padding-bottom: 20px;
}

.cust_box img{
	margin: 30px auto 50px;
}

.cust_midashi{
	width: 890px;
	height: 60px;
	text-align: center;
	background-image: url(../image/common/syasen3.png);
	background-repeat: repeat-x repeat-y;
	margin: 0 auto 20px;
	line-height: 60px;
	font-size: 22px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	max-height: 999999px;/* Android Chromeバグ対策*/
}


.nenga_nouki{width:640px; margin: 0 auto;}

.nenga_nouki .nouki_midashi{height: 70px; width: 640px; border-bottom: 1px solid #C00; text-align: center; font-size: 22px; font-weight: bold; color:#C00; margin: 0 auto 25px;}
.nenga_nouki .nouki_midashi img{ vertical-align: -10px;}

.nenga_nouki .nouki_saihan_midashi{height: 55px; text-align: center; font-size: 19px; font-weight: bold; color:#333; margin: 0 auto 15px;}
.nenga_nouki .nouki_saihan_midashi img{ vertical-align: -10px;}

.nenga_nouki p{margin: 0 0 15px 0;}
.nenga_nouki p a{text-decoration: underline;}

table.nenmatsu_nouki{
	width: 640px; height: auto; border-collapse: collapse; color: #333; font-size: 100%; margin: 0 auto 10px;
}

table.nenmatsu_nouki td.gray{ text-align: center; background-color: #eee; color: #333; 	border: 1px solid #999;
	padding: 10px 0; border-collapse: collapse; vertical-align: middle; font-weight: bold;}

table.nenmatsu_nouki td{ text-align: center; background-color: #fff; color: #333; 	border: 1px solid #999;
	padding: 10px 0; border-collapse: collapse; vertical-align: middle;}

table.nenmatsu_nouki td.aka{ text-align: center; background-color: #ffcfcf; color: #333; 	border: 1px solid #999;
	padding: 10px 0; border-collapse: collapse; vertical-align: middle;}

p.holiday{margin: 0 0 40px 0;} 
p.holiday img{ vertical-align: -4px;}


.type_title{
	margin-bottom:5px;
	font-size: 28px!important;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif!important;
	max-height: 999999px!important;/* Android Chromeバグ対策*/
}

.type_title_sub{
	margin-bottom:10px;
	font-size: 18px!important;
	font-weight:bold;
	max-height: 999999px!important;/* Android Chromeバグ対策*/
}


/* ご注文方法 */


#order_select{
	width: 1020px;
	height: auto;
	margin: 0 auto 80px;
	
}


#order_select ul li {
	width: 324px;
	height: 90px;
	margin-left: 21px;
	margin-bottom: 20px;
	float: left;
}

#order_select ul li a:hover{color: #999; opacity: 0.6; filter: alpha(opacity=60); }

#order_select ul li:first-child{
	margin-left: 0px;
}

.order_select_text a{
	width: 309px;
	height: 90px;
	display: block;
	border: 1px dotted #333;
	text-align: left;
	padding-left: 23px;
	line-height: 90px;
	vertical-align: middle;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 110%;
	position: relative;
}

.order_select_text > a img{
	vertical-align: middle;
	margin-right: 10px;
}


#order_flow{
	width: 1020px;
	height: auto;
	text-align: center;
	border-bottom: 1px dotted #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	padding-bottom: 30px;
}

.flow_menu {
	width: 1015px;
	height: 260px;
	display: block;
	list-style-type: none;
	position: relative;
	overflow: hidden;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

.flow_menu ul li{
	width: 145px;
	height: 260px;
	display: inline;
	float: left;
}

.flow_menu ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 145px;
	height: 260px;
	background-image: url(../image/guide/g_flow.gif);
	background-repeat: no-repeat;}

	.flow_menu01 a{ background-position: 0px 0; }
	.flow_menu02 a{ background-position: -145px 0; }
	.flow_menu03 a{ background-position: -290px 0; }
	.flow_menu04 a{ background-position: -435px 0; }
	.flow_menu05 a{ background-position: -580px 0; }
	.flow_menu06 a{ background-position: -725px 0; }
	.flow_menu07 a{ background-position: -870px 0; }

	.flow_menu01 a:hover{ background-position: 0px -260px; }
	.flow_menu02 a:hover{ background-position: -145px -260px; }
	.flow_menu03 a:hover{ background-position: -290px -260px; }
	.flow_menu04 a:hover{ background-position: -435px -260px; }
	.flow_menu05 a:hover{ background-position: -580px -260px; }
	.flow_menu06 a:hover{ background-position: -725px -260px; }
	.flow_menu07 a:hover{ background-position: -870px -260px; }

	.flow_menu01 a:active{ background-position: 0px -260px; }
	.flow_menu02 a:active{ background-position: -145px -260px; }
	.flow_menu03 a:active{ background-position: -290px -260px; }
	.flow_menu04 a:active{ background-position: -435px -260px; }
	.flow_menu05 a:active{ background-position: -580px -260px; }
	.flow_menu06 a:active{ background-position: -725px -260px; }
	.flow_menu07 a:active{ background-position: -870px -260px; }


.order_block{
	width: 800px;
	height: auto;
	margin-left: 35px;
	margin-bottom: 60px;
	text-align: left;
}

.order_block_l{width: 130px; float: left; }
.order_block_r{width: 670px; float: left; height: auto;
	 	position: relative;
		overflow: hidden;
}

.order_title {
	margin: 0 0 10px 0;
	vertical-align: middle;
	line-height: 71px;
	font-size: 28px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: left;
}
.order_title > img:first-child{vertical-align: middle; margin-right: 20px;}
.order_title > img{vertical-align: middle; margin-left: 20px;}

.order_block_r ul{
	position: relative;
	height: auto;
}

.order_block_r ul li{
	font-size: 80%;
	list-style: none;
	margin-right: 20px;
	background: url(../image/icon/icon_01.gif) left no-repeat;
	padding: 2px 0 2px 12px;
	float: left;
}

.order_block_r ul li a{color: #CC0000;}
.order_block_r ul li a:hover{color: #999;}

.mypage_link{
	display: block;
	height: 50px;
	margin: 100px 0 60px;
	text-align: center;
}

.mypage_link a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

#mypage_regi{
	width: 1020px;
	height: auto;
	margin: 0px auto 100px;
	text-align: center;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
}
.mypage_regi_text{
	width: 1020px;
	height: auto;
	margin: 0 auto 60px;
	text-align: center;
}

#order_kanji{
	width: 1020px;
	height: auto;
	margin: 0px auto 100px;
	text-align: center;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
}

#order_attention{
	width: 1020px;
	height: auto;
	margin: 0px auto 100px;
	text-align: center;

}

.attention_ex{
	width: 630px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	display: block;
	position: relative;
}

#order_atena{
	width: 1020px;
	height: auto;
	margin: 0px auto 100px;
	text-align: center;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
}

#order_pay{
	width: 1020px;
	height: auto;
	margin: 0px auto 100px;
	text-align: center;
	border-bottom: 1px dotted #333;
	padding-bottom: 30px;
}

#order_hagaki{
	width: 1020px;
	height: auto;
	text-align: center;
	border-bottom: 1px dotted #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	padding-bottom: 30px;
}

/* よくある質問 */

#faq_select{
	width: 923px;
	height: auto;
	text-align: center;
	margin: 90px auto 90px;
	display: block;
	position: relative;
}

*:first-child+html div#faq_select{ /* IE 7 調整*/
	margin: 0px auto 90px;
	padding-top: 90px;
}

#faq_select ul li {
	width: 303px;
	height: 50px;
	margin-left: 7px;
	margin-bottom: 15px;
	float: left;
	background-image: url(../image/faq/fa_navbackimg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#faq_select ul li:hover,#faq_select ul li.acctive,#faq_select ul li.current{
	width: 303px;
	height: 61px;
	margin-bottom: 4px;
	background-position: 0px -50px;
	 }

#faq_select ul li:first-child{
	margin-left: 0px;
}

#faq_select ul li a{
	line-height: 50px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 100%;
	position: relative;
	display: block;
}

#faq_block{
	width: 923px;
	height: auto;
	margin: 0 auto 60px;
	display: block;
	position: relative;
}

.faq_block_title{
	width: 903px;
	height: 50px;
	margin: 0 auto 30px;
	background-image: url(../image/faq/fa_titlebackimg.gif);
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight: bold;
	line-height: 50px;
	padding-left: 20px;
	border-bottom: 2px solid #999;
}

dl.faq{
	width: 923px;
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
	border-bottom: 2px dotted #999;
	padding-bottom: 10px;
}
dl.faq dt{
	cursor: pointer;
	margin-top: 10px;
}

dl.faq dt:hover{opacity: 0.7; filter: alpha(opacity=70);}

dl.faq dt h3{
	height: 33px;
	line-height: 33px;
}

dl.faq dt h3 > img{
	padding-right: 10px;
}

dl.faq dd{
	display: none;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}

dl.faq dd > img{
	margin-left: 40px;
}
.ans_text{
	width: 800px;
	height: auto;
	padding: 20px;
	background-color: #eee;
	font-size: 90%;
	float: right;
	margin-bottom: 20px;
}

/* デザインTOP */

.design_top_select{
	width: 1020px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #333;
	border-bottom: 2px dotted #333;
	padding: 10px 0;
}

.design_top_select ul{
	position: relative;
	float: left;
	left: 50%;
}
.design_top_select ul li {
	position: relative;
	float: left;
	display: block;
	height: 20px;
	text-align: center;
	border-left: 1px solid #333;
	left: -50%;
	padding: 0 15px;
}

.select_li_last{
	border-right: 1px solid #333;
}

#design_top_block1,#design_top_block2,#design_top_block3,#design_top_block4,#design_top_block5,#design_top_block6{
	width: 1020px;
	height: auto;
	text-align: left;
	margin: 0 auto 90px;
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom: 1px dotted #333;
	padding-bottom: 100px;
}

.design_top_text{
	position: relative;
	z-index: 3;
	font-size: 110%;
	letter-spacing : 0.1em; 
	line-height: 160%;
	max-height: 999999px;/* Android Chromeバグ対策*/
}

.design_top_img{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

.design_top_btn{
	position: absolute;
	bottom: 50px;
	right: 0px;
	z-index: 4;
}

.design_top_btn a img:hover{opacity: 0.7; filter: alpha(opacity=70);}

/* 結婚報告はがき ＆ 出産報告はがき*/

.wed_text,.baby_text{
	font-size: 105%;
	line-height: 160%;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	position: absolute;
	top: 140px;
	left: 40px;
}
.wed_design_link2 a{
	width: 317px;
	height: 79px;
	position: absolute;
	bottom: 35px;
	left: 10px;
}

*:first-child+html p.wed_design_link2 a{ /* IE 7 調整　初回表示時のズレ会費*/
	width: 317px;
	height: 79px;
	position: absolute;
	bottom: 35px;
	left: 10px;
}

.wed_design_link2 a:hover{color: #999; opacity: 0.6; filter: alpha(opacity=60); }

.baby_design_link2 a{
	width: 650px;
	height: 80px;
	position: absolute;
	bottom: 15px;
	left: 185px;
}

*:first-child+html p.baby_design_link2 a{ /* IE 7 調整　初回表示時のズレ会費*/
	width: 650px;
	height: 80px;
	position: absolute;
	bottom: 15px;
	left: 185px;
}

.baby_design_link2 a:hover{color: #999; opacity: 0.6; filter: alpha(opacity=60); }


.wed_design_link a,.baby_design_link a{
	width: 455px;
	height: 52px;
	position: absolute;
	top: 310px;
	left: 40px;
}

.wed_design_link a:hover,.baby_design_link a:hover{opacity: 0.8; filter: alpha(opacity=80);}

.step_box{
	width: 1018px;
	height: 230px;
	position: relative;
	border: 1px solid #333;
}

.step_illust{
	float: right;
	margin-top: 10px;
}

.step_text1{
	position: absolute;
	top: 110px;
	left: 377px;
}

.step_text2{
	position: absolute;
	top: 110px;
	left: 580px;
}

.step_text3{
	position: absolute;
	top: 110px;
	left: 825px;
}


/* 喪中寒中はがき*/

.mochu_text{
	font-size: 105%;
	line-height: 160%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.mochu_design_link {
	margin: 0 auto 20px;
}

.mochu_design_link a{
	width: 508px;
	height: 80px;
	position: absolute;
	top: 470px;
	left: 256px;
}

*:first-child+html p.mochu_design_link a{ /* IE 7 調整　初回表示時のズレ会費*/
	width: 508px;
	height: 80px;
	position: absolute;
	top: 470px;
	left: 256px;
}

.mochu_design_link a:hover{color: #999; opacity: 0.6; filter: alpha(opacity=60); }


.mochu_hagaki{
	width: 1000px;
	height: auto;
	text-align: center;
	margin: 0 auto 50px;
}

.mochu_hagaki_text{
	width: 960px;
	height: auto;
	text-align: center;
	font-size: 80%;
	float: left;
}
.tairei_link{
	width: 197px;
	height: 56px;
	vertical-align: middle;
	margin: 20px auto 30px;
}

.tairei_link a{
	width: 197px;
	height: 56px;
	display: block;
	background-image: url(../image/ambiente/a_i_image2_1.gif);
	background-position: 0px 0px;
}

.tairei_link a:hover{
	background-position: 0px -59px;
}


.tairei_link a > p{
	vertical-align: middle;
	line-height: 53px;
	text-align: left;
	padding-left: 25px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #333;
}

.tairei_link a > p:hover{
	color: #999;
	cursor: pointer;
}

h3.spt{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size:18px; margin:0; text-align:center;}

/* イラスト年賀　*/

.illust_text{
	font-size: 105%;
	line-height: 160%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.illust_design_link {
	width: 562px;
	height: 80px;
	position: relative;
	margin: 20px auto 0;
}

.illust_design_link a{
	width: 562px;
	height: 80px;
}

*:first-child+html p.illust_design_link a{ /* IE 7 調整　初回表示時のズレ会費*/
	width: 562px;
	height: 80px;
}

.illust_design_link a:hover{color: #999; opacity: 0.6; filter: alpha(opacity=60); }


.illust_hagaki{
	width: 1000px;
	height: auto;
	text-align: center;
	margin: 0 auto 50px;
}

.illust_hagaki_text{
	width: 500px;
	height: auto;
	text-align: center;
	font-size: 80%;
	float: left;
}


.nenga_nouki_link_d{
	width: 454px;
	height: 74px;
	position: absolute;
	top: 590px;
	left: 283px;
}

.nenga_nouki_link_d a img:hover{opacity: 0.7;}


/**いとうちゃん47都道府県年賀**/

.ito_text{
	width:960px;
	margin:-40px auto 40px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	line-height:180%;
}

.container_flex{/* */
	width: 1020px;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
	display:flex;
	flex-wrap:wrap;
}

.container_flex p.pref_illust{
	flex-basis:255px;
	height:auto;
	padding:5px 5px 20px 5px;
	margin-bottom:15px;
	box-sizing:border-box;
	text-align:center;
	border-bottom:1px dotted #333;
}

.container_flex p img{
	width:100%;
	height:auto;
}

.container_flex p span{
	display:block;
}


/* サイトマップ*/

#sitemap_box_l{
	width: 490px;
	height: auto;
	float: left;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

#sitemap_box_r{
	width: 490px;
	height: auto;
	float: right;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.sitemap_midashi{
	width: 470px;
	height: 40px;
	background: url(../image/faq/fa_titlebackimg.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #999;
	font-size: 120%;
	line-height: 40px;
	font-weight: bold;
	padding-left: 20px;
}


#sitemap_box_l ul,#sitemap_box_r ul{
	margin-bottom: 50px;
}

#sitemap_box_l ul li,#sitemap_box_r ul li{
        margin-left: 30px;
        letter-spacing: 0.5px;
}
	
#sitemap_box_l ul li.type,#sitemap_box_r ul li.type{
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* 文例集一覧*/

.message_top_select{
	width: 1020px;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #333;
	border-bottom: 2px dotted #333;
	padding: 10px 0;
}

.message_top_select ul{
	position: relative;
	float: left;
	left: 50%;
}
.message_top_select ul li {
	position: relative;
	float: left;
	display: block;
	height: 20px;
	text-align: center;
	border-left: 1px solid #333;
	left: -50%;
	padding: 0 15px;
}

.select_li_last{
	border-right: 1px solid #333;
}
.message_title{
	width: 700px;
	height: 89px;
	margin: 0 auto 100px;
	background-image: url(../image/common/message_line.gif);
	background-repeat: repeat-x;
	display: block;
	font-size: 200%;
	line-height: 89px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.message_cate{
	margin: 0px auto 30px;
	font-size: 130%;
	line-height: 160%;
	text-align: center;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.message_no{
	width: 100px;
	height: 40px;
	margin: 0 auto;
	background-image: url(../image/common/backimg03b.gif);
	background-repeat: repeat-x repeat-y;
	display: block;
	font-size: 180%;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.messege_text{
	margin: 10px auto 80px;
	font-size: 130%;
	line-height: 160%;
	text-align: center;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}


/* お問い合わせ*/

.contact_container{
	width: 1020px;
	height: auto;
	text-align: center;
	border-bottom: 1px dotted #333;
	padding-bottom: 80px;
}

.contact_faq_message{
	width: 553px;
	height: 170px;
	margin: 0 auto 20px;
	display: table;
	background-image: url(../image/etc/contact_fukidashi.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}

.contact_faq_message > p{
	display: table-cell;
	font-size: 120%;
	line-height: 160%;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding-bottom: 10px;
}

*:first-child+html div.contact_faq_message p{ /* IE 7 調整*/
	padding-top: 30px;
}

.contact_faq_link{
	width: 150px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 160%;
	text-align: center;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.contact_faq_link a:hover{color: #999; opacity: 0.7; filter: alpha(opacity=70);}

.container_form{/* 下マージン80px */
	width: 1020px;
	height: auto;
	margin: 0 0 80px 0;
	padding: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.form_title{
	margin: 30px auto 30px;
	font-size: 140%;
	line-height: 160%;
	text-align: center;
	color: #666;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.form_text{
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	color: #333;
}

.form_ssl{
	height: auto;
	text-align: center;
}

.form_box1{
	width:458px;
	height: 140px;
	padding: 10px;
	border: 1px dotted #333;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}

.form_box2{
	width:458px;
	height: 140px;
	padding: 10px;
	border: 1px dotted #333;
	float: right;
	margin-left: 10px;
	margin-right: 20px;
}
.form_box_midashi{
	font-size: 120%;
	line-height: 160%;
	color: #666;
	margin-bottom: 15px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; text-align: left;
}

.form_box_text{
	font-size: 85%;
	line-height: 160%;
	text-align: left;
	color: #333;
}

table.contact_table{
	width: 720px;
	height: auto;
	border-collapse: collapse;
	font-size: 85%;
	margin: 30px auto 50px;
	line-height: 160%;
}

table.contact_table th{
	background-image: url(../image/etc/stripe2.png);
	background-repeat: repeat-x repeat-y;
	font-weight: normal;
	color: #333;
	border: 1px solid #666;
	text-align:left;
	vertical-align: top;
	padding: 5px;}

table.contact_table td{
	background-image: url(../image/etc/stripe.png);
	background-repeat: repeat-x repeat-y;
	color: #333;
	border: 1px solid #666;
	text-align:left;
	vertical-align: top;
	padding: 5px;}

.bm{font-size: 100%; margin-bottom: 15px;}

.p_policy{
	width: 700px;
	height: auto;
	margin: 0 auto 50px;
	text-align: left;
}

.p_policy ul{
	margin: 0px auto 20px;
}

.p_policy ul li{
	font-size: 85%;
	list-style-type: square;
	list-style-position: inside;
	line-height: 160%;
	padding-bottom: 10px;
}

.p_policy_midashi{
	width: 700px;
	font-size:100%;
	margin-bottom: 20px;
	padding: 0px;
	color: #333;
	font-weight: bold;
	letter-spacing : 0.1em;
	border-bottom: 1px solid #999;
}

.form_btn{
	width: 700px;
	text-align: center;
	margin: 0 auto;
}

.form_btn:hover{color: #999; opacity: 0.7; filter: alpha(opacity=70);}


/*注文フォームの操作方法*/

.formguide_container{
	width: 700px;
	height: auto;
	margin: 0 auto 100px;
	text-align: center;
}

.formguide_image{
	width: 698px;
	height: auto;
	border: 1px dotted #333;
	margin: 0 auto 20px;
}

.formguide_midashi{
	text-align: center;
	font-size: 160%;
	line-height: 160%;
	color: #333;
	margin-bottom: 15px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.formguide_text{
	font-size: 85%;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}

.formguide_container ul{
	width: 700px;
	position: relative;
	height: auto;
	text-align: center;
	margin: 0 auto;

}

.formguide_container ul li{
	font-size: 80%;
	list-style: none;
	margin-right: 20px;
	background: url(../image/icon/icon_01.gif) left no-repeat;
	padding: 2px 0 2px 12px;
	display: inline-block;
	/display: inline;
	  /zoom: 1;
}

.formguide_container ul li a{color: #CC0000;}
.formguide_container ul li a:hover{color: #999;}


/*当社からの自動返信メールが届かないお客様へ*/

.mailerror_container{
	width: 1000px;
	height: auto;
	margin: 0 auto 80px;
	text-align: center;
}

.mailerror_text{
	text-align: center;
	font-size: 115%;
	line-height: 160%;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-bottom: 30px;
	max-height: 999999px;
}

.error_q{
	width: 900px;
	height: 70px;
	border: 1px dotted #333;
	text-align: center;
	font-size: 130%;
	line-height: 70px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	display: block;
	margin: 0 auto 5px;
}

.error_a{
	width: 900px;
	height: auto;
	background-image: url(../image/common/backimg05.gif);
	background-repeat: repeat-x repeat-y;
	display: table;
	text-align: center;
	margin: 5px auto 100px;
	vertical-align: middle;
	padding: 10px;
}

.error_a_text{
	width: 900px;
	text-align: center;
	font-size: 100%;
	line-height: 150%;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
}

*:first-child+html p.error_a_text{ /* IE 7 調整*/
	display: inline; zoom:1; padding: 0;}

/*サンクスページ*/

.thanks_container{
	width: 1000px;
	height: auto;
	margin: 0 auto 80px;
	text-align: center;
	font-size: 100%;
}
.thanks_text{
	text-align: center;
	font-size: 110%;
	line-height: 180%;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-bottom: 30px;
	max-height: 999999px;
}

.thanks_container ul {
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
}


/*テストプリント*/
.page_title02{
	width: 800px;
	height: 58px;
	text-align: center;
	margin: 50px auto 80px;
}

*:first-child+html div.page_title02{/* IE 7 調整*/
	margin: 50px auto 0px;
}
.testprint_container{
	width: 1000px;
	height: auto;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 200px;
	margin-left: auto;
}

.testprint_image{
	width: 1000px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
}

.testprint_midashi{
	text-align: center;
	font-size: 120%;
	line-height: 160%;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-top: 30px;
}

.testprint_text{
	font-size: 85%;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}

/*大礼紙・ペルーラ・マシュマロ*/

.page_title03{
	width: 400px;
	height: 171px;
	text-align: center;
	margin: 50px auto 50px;
}

.paper_block{
	width: 1020px;
	height: auto;
	text-align: center;
	margin: 0 auto 100px;
}

.paper_block_text{
	font-size: 110%;
	line-height: 160%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.paper_block_text2{
	font-size: 100%;
	line-height: 160%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.paper_view{
	width: 450px;
	height: 310px;
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #999;
}

.paper_view_midashi{
	font-size: 110%;
	line-height: 160%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	color: #333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/*編集画面の操作ガイド*/

.editguide_container{
	width: 700px;
	height: auto;
	margin: 0 auto 100px;
	text-align: center;
}

.editguide_container_first{
	width: 700px;
	height: auto;
	margin: 80px auto 100px;
	text-align: center;
}

.editguide_image{
	width: 698px;
	height: auto;
	border: 1px dotted #333;
	margin: 0 auto 20px;
}

.editguide_midashi{
	text-align: center;
	font-size: 160%;
	line-height: 160%;
	color: #333;
	margin-bottom: 15px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.editguide_text{
	font-size: 85%;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}

.editguide_text2{
	font-size: 80%;
	line-height: 160%;
	text-align: center;
	color: #333;
	margin-bottom: 30px;
}

.editguide_container ul{
	width: 700px;
	position: relative;
	height: auto;
	text-align: center;
	margin: 0 auto;

}

.editguide_container ul li{
	font-size: 80%;
	list-style: none;
	margin-right: 20px;
	background: url(../image/icon/icon_01.gif) left no-repeat;
	padding: 2px 0 2px 12px;
	display: inline-block;
	/display: inline;
	  /zoom: 1;
}

.editguide_container ul li a{color: #CC0000;}
.editguide_container ul li a:hover{color: #999;}
/***************************************************************************************************************************************************
■タブ（JQuery UI tabs）
***************************************************************************************************************************************************/

/* Layout helpers
----------------------------------*/

.ui-helper-reset {}
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-tabs { width: 1018px; position: relative; padding:0; margin: 0 auto;} 
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 100px 0 0 0; padding: 0; }

.ui-tabs .ui-tabs-nav li { width: 498px; height: 50px; list-style: none; float: left; position: relative; margin-left: 18px; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li:first-child{margin-left: 0px;}

.ui-tabs .ui-tabs-nav li.tab_01 a { width: 498px; height: 50px; float: left; padding: 0; text-decoration: none; outline:none;
background-image: url(../image/common/pi_nav3.gif); background-repeat: no-repeat; background-position: 0px -49px; }

.ui-tabs .ui-tabs-nav li.tab_02 a { width: 498px; height: 50px; float: left; padding: 0; text-decoration: none; outline:none;
background-image: url(../image/common/pi_nav3.gif); background-repeat: no-repeat; background-position: -500px -49px; }


.ui-tabs .ui-tabs-nav li.tab_01 a:hover { background-position: 0px 0px; }
.ui-tabs .ui-tabs-nav li.tab_02 a:hover { background-position: -500px 0px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.tab_01.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text;  background-image: url(../image/common/pi_nav3.gif); background-repeat: no-repeat; background-position: 0px 0px; }

.ui-tabs .ui-tabs-nav li.tab_02.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text;  background-image: url(../image/common/pi_nav3.gif); background-repeat: no-repeat; background-position: -500px 0px; }


.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } 
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */


.ui-tabs .ui-tabs-panel { display: block; border: 1px dotted #333;  padding: 0; background: none; }


/* Interaction states
----------------------------------*/
.ui-widget-header .ui-state-default { border: 1px dotted #333/*{borderColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #fff/*{fcDefault}*/; text-indent: -9999px; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #900/*{fcDefault}*/; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px dotted #333/*{borderColorHover}*/; font-weight: normal/*{fwDefault}*/; color: #fff/*{fcHover}*/; text-indent: -9999px; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #fff/*{fcHover}*/; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #ffffff/*{bgColorActive}*/; font-weight: normal/*{fwDefault}*/; color: #fff/*{fcActive}*/; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff/*{fcActive}*/; text-decoration: none; }


#tab2_container{
	width: 1018px;
	height: auto;
	text-align: center;
	margin: 90px auto 90px;
	display: block;
	position: relative;
}
/* iframeに枠をつける */

iframe{border: 2px solid #eee;}



.dropcon{display:block;}

.specialvisual{position:relative; margin-bottom:0;}
.specialvisual a{position:absolute; bottom:5px; left:100px;}
.earyvisual{position:relative; margin-bottom:30px;}
.earyvisual .btn{position:absolute; bottom:5px; left:10px;}/* 10/17八木変更 */

.specialvisual2{position:relative; margin-bottom:30px;}
.specialvisual2 .btn01{position:absolute; top:220px; left:300px;}
.specialvisual2 .btn02{position:absolute; top:445px; left:300px;}
.specialvisual2 .btn03{position:absolute; top:310px; left:810px;}


.specialvisual2a{position:relative; margin-bottom:10px;}

.specialvisual2b{position:relative; margin-bottom:10px;}
.specialvisual2b .btn_syochu{position:absolute; top:140px; left:810px;}
.specialvisual2b .btn_syochu:hover{opacity:0.8;}

.specialvisual2c{position:relative; margin-bottom:30px;}
.specialvisual2c .btn01{position:absolute; top:145px; left:300px;}
.specialvisual2c .btn02{position:absolute; top:370px; left:300px;}
.specialvisual2c .btn03{position:absolute; top:235px; left:810px;}

.specialvisual2c .btn01:hover{opacity:0.8;}
.specialvisual2c .btn02:hover{opacity:0.8;}
.specialvisual2c .btn03:hover{opacity:0.8;}

#faq_select ul li a span{display:inline !important;}



/***************************************************************************************************************************************************
■はがき工房
***************************************************************************************************************************************************/
.new_info{
	width:770px;
	height:auto;
	margin: 0px auto 40px;
}

.new_info p{margin-bottom:15px;}


.anshin{ width:770px; margin: 0 auto 10px;}
.anshin div{float:left;}
.anshin div:nth-child(even){margin-right:10px;}
.anshin img{ width:100%;}

.photo_postcard,.illust_postcard,.top_paper{
	margin-bottom:45px;
}

.photo_postcard a img,.illust_postcard a img,.top_paper a img{
	margin-bottom:20px;
}

.photo_postcard a img:hover,.illust_postcard a img:hover,.top_paper a img:hover{
	opacity:0.8;
}

.designers_banner{
	width:770px;
	height:600px;
	background:url(../image/top/BG_designers_banner.jpg);
	background-repeat:no-repeat;
	margin: 20px auto;
	position:relative;
}

.db_btn01{
	position:absolute;
	top:370px;
	left:50px;
}


.db_btn02{
	position:absolute;
	top:370px;
	left:390px;
}

.db_btn01:hover,.db_btn02:hover{
	opacity:0.8;
}

.bx-wrapper {
    -moz-box-shadow: none!important;
    /* -webkit-box-shadow: #fff!important; */
    /* box-shadow: 0 0 0px #fff!important; */
    border: 0px solid #fff!important;
    background: #fff;
}

@media (max-width: 768px) {

.new_info{
	width:98%;
	border: 1px solid #eee;
	webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	background-color: #fff;
	padding:15px;
	margin: 20px auto;
	vertical-align: middle;
}


.new_info img{
	width:60%; height:auto;
}

.info_btn{
	width:80%;
	height:auto;
	webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding:10px;
	margin:20px auto;
	text-align:center;
	background-color:#def7a2;
	font-weight:bold;
}

}

/***************************************************************************************************************************************************
■モバイル
***************************************************************************************************************************************************/


@media (max-width: 768px) {
body{width:100%; margin:0 auto; min-width:100%; -webkit-text-size-adjust:100%!important;}
.pc{display:none !important;}
.sp{display:block !important; overflow:hidden;}
img{width:100%; height:auto;}
a:hover {color: #333;}
.header_content{display:block;}

/* ボトムマージン調整 */
.bottom5{margin-bottom: 5px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.bottom50{margin-bottom: 30px;}
.bottom60{margin-bottom: 30px;}
.bottom80{margin-bottom: 40px;}
.bottom90{margin-bottom: 40px;}
.bottom100{margin-bottom: 50px;}
.bottom150{margin-bottom: 50px;}
.bottom200{margin-bottom: 50px;}


hr.dot{border-style: dotted; width: 98%; color: #333;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */}


}

@media (max-width: 768px) {
.stripe {
margin: 0; padding:0; background-color: #1a1a1a;
background-image: -webkit-linear-gradient(-45deg, #393939 25%, transparent 25%, transparent 50%, #393939 50%, #455765 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #393939 25%, transparent 25%, transparent 50%, #393939 50%, #393939 75%, transparent 75%, transparent);
background-size: 5px 5px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
text-shadow:1px 1px 2px rgba(0,0,0,.3);}

.header_content{height:70px; position:fixed; background:#fff; border-bottom:#cdcdcd 1px solid; width:100%; z-index:10000; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);}
.header_content h1 a{background:none; text-indent:0; height:70px; margin:0; display:inline-block; width:auto;}
.header_content h1 img{height:68px; width:auto;}
.header_content h1{width:82%; position:absolute; top:2%; left:2%;}
.header_content p.nav_button span{width:70px; height:70px; position:absolute; top:0; right:0; background: url(../image/nengasp/nav_button.jpg) no-repeat scroll right 0 top 0 / 70px 70px; display: block;}
.header_content p.nav_button span.open{width:70px; height:70px; position:absolute; top:0; right:0; background: url(../image/nengasp/nav_button_open.jpg) no-repeat scroll right 0 top 0 / 70px 70px; display: block;}
.header_content p.nav_button img{width:auto; height:70px;}
.header_content nav.dropmenu{display:none; width:100%;position:absolute; top:70px; z-index:10; background:#fff; box-shadow:#cdcdcd 0px 5px 5px; height:auto; padding:0 0 50px; overflow-y:auto; max-height:450px;}
.header_content nav.dropmenu ul{width:100%; margin:0 auto;}
.header_content nav.dropmenu ul li{width:100%; margin:0 auto; text-align:center; height:50px; line-height:50px; border-bottom:#cdcdcd 1px solid; clear:both;}
.header_content nav.dropmenu ul li:first-child{border-top:#cdcdcd 2px solid;}
.header_content nav.dropmenu ul li:last-child{border-bottom:#cdcdcd 2px solid;}
.header_content nav.dropmenu ul li:hover{border-bottom:#cdcdcd 1px solid;}
.header_content nav.dropmenu ul li:last-child:hover{border-bottom:#cdcdcd 2px solid;}
.header_content nav.dropmenu .bt_close{bottom: 15px; left: 50%; margin-left: -40px; position: absolute;}
.header_content nav.dropmenu .bt_close img{margin:20px auto 0; width:80px;}
.header_content nav.dropmenu ul li.child{color:#fff;}
.header_content nav.dropmenu ul li.half{width:50%; float:left; clear: none; border-left:#cdcdcd 1px solid; box-sizing:border-box;}
.header_content nav ul li img{width:3% !important; margin:0 1% 0 0; vertical-align: middle;}
.header_content nav.dropmenu ul li.child span{background:url(../image/nengasp/ICO_btn_menu_open.jpg) no-repeat right 2% center; background-size:5%; display:block;}
.header_content nav.dropmenu ul li.child.open span{background:url(../image/nengasp/ICO_btn_menu_close.jpg) no-repeat right 2% center; background-size:5%;}
.header_content nav ul.child_nav{display:none;}
.header_content nav ul.child_nav li{background:#fff;}
.header_content nav ul.child_nav li.beige{background:#f9f8f4;}
}

@media (max-width: 480px) {
.header_content{height:50px;  position:fixed; width:100%; z-index:10000; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);}
.header_content .header_content{height:50px;}
.header_content h1 img{height:48px; width:auto;}
.header_content p.nav_button span{width:50px; height:50px; position:absolute; top:0; right:0; background: url(../image/nengasp/nav_button.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content p.nav_button span.open{width:50px; height:50px; position:absolute; top:0; right:0; background: url(../image/nengasp/nav_button_open.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content p.nav_button img{width:auto; height:50px;}
.header_content nav.dropmenu{top:50px;}
}

@media (max-width: 768px) {
.footer_content{background:#f9f8f4; margin:30px auto 0;}
.footer_content h3{background:url(images/images_sp/BG_h3_title_gray.jpg) repeat-x; height:70px; font-size:1.2em; text-shadow:#fff 1px 2px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; line-height:70px; text-align:center;}
.footer_content img{width:100%;}
.footer_content table{width:100%;}
.footer_content table tr td{background-color:#e4e4e4; background-image:url(../image/nengasp/ICO_vec_right.png); background-repeat:no-repeat; background-position:center right 3%; width:50%; height:60px; line-height:60px; text-align:center; font-size:0.9em; box-sizing:border-box;}
.footer_content ul{width:100%; margin:30px auto;text-align:center;}
.footer_content ul li{display:inline-block; border-left:#000 1px solid; width:31%; text-align:center; font-size:0.5em; padding:0;}
.footer_content ul li:last-child{border-right:#000 1px solid;}
.footer_content p{text-align:center; font-size:0.8em; margin:20px auto; line-height:1.4em;}
.footer_content p span{text-decoration:underline; color:#d03829;}
.footer_content p.border_line{height:2px; border-bottom:2px solid #cdcdcd; width:80%; margin:20px auto;}
.footer_content p.privacy{width:20%; margin:20px auto;}
.footer_content h2{width:60%; margin:0 auto;}
.footer_content p.copyright{margin:20px auto 0;}
.footer_content p.copyright span{color:#000; text-decoration:none;}
.footer_content p.top_scrol{margin:0;  position: fixed;bottom: 20px;right: 0;}
.footer_content p.top_scrol img{width:60%;}
.footer_content p.sns_sp{width:80%;margin:0 auto 10px;}
.footer_content p.sns_sp a{display:inline-block;}
.footer_content p.sns_sp img{width:40px;margin:0 5px 0}
.footer_content .contact_select{margin:10px auto;}
.footer_content .contact_select .drop{display:none;}
.footer_content .contact_select .drop p{font-size:1.2em;}
.footer_content .contact_select dl{width:90%;margin:20px auto 0;font-size:1.2em;border:1px solid #CDCDCD;background:#fff;}
.footer_content .contact_select dl dt{font-weight:bold; text-align:center; padding:15px 0; border-bottom:1px solid #CDCDCD; background:#CDCDCD;  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.footer_content .contact_select dl dd{text-align:center;padding:15px 0;}
.footer_content .contact_select dl dd img{text-decoration:underline; width:90%; margin:0 auto;}
footer p.top_scrol{margin:0;position:fixed;bottom:20px;right:30px;}
footer p.top_scrol img{width:50px;}

.calendar_sp{width:96%; margin:0 auto; text-align:center;}
.calendar{width: 50%; float: left;}
.calendar img{width:90%;}
.calendar_text span{text-decoration:none!important;}

.footer_box_c{width: 96%; height: auto; position: relative; float: none; margin: 3% auto 0;}
.kakomi_t{width:100%; padding:2%; box-sizing:border-box;}
.deli_text{width:96%; margin:0 auto;}
.deli_text img{width:100%;}
.shipping_sp{text-align:center; width:96%;}
.shipping_sp img{width:60%;}

}

@media (max-width: 768px) {
#contents{width:100%; margin:0 auto; padding-top:70px;}
#sub{width:100%;}
#sub h2.title{background:url(../image/nengasp/BG_nenga_top.jpg) repeat-x; height:80px; position:relative;}
#sub h2.title img{margin:auto; display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
#sub .banner_area{margin:auto; width:96%;}
#sub .banner_area img{margin:15px auto;}
#sub .banner_area ul img{margin:0px auto;}
#sub .banner_area p.now_order{background:url(../image/nengasp/bnn_now_order.jpg) no-repeat; background-size:100% 100%; width:100%; height:100px; position:relative;}
#sub .banner_area p.now_order span{color:#d03829; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight:bold; font-size:1.2rem; position:absolute; right:10%; top:20%;}
#sub .banner_area p.now_order span big{font-size:2rem;}
#sub .banner_area small{font-size:0.8rem; line-height:1rem;}
#sub .banner_area .border{border:#000 1px solid; margin:20px auto; padding:10px;}
#sub .banner_area .border img{margin:5px 0; padding:0;}
#sub .banner_area a{display:block;}
#sub .banner_area .btn a{color:#fff; font-weight:bold; font-size:16px; text-align:center; width:100%; padding:20px 0; display:block;}
.service{margin:20px auto; width:96%;}
.service h3{border-bottom:#000 solid 2px; padding:5px 0;}
.service ul{margin:10px 0;}
.service ul li{width:48%; margin:2% 1%; float:left; height:auto; border:#000 solid 1px; box-sizing:border-box; overflow:hidden;}
.service ul li p{width:96%; margin:auto; font-size:0.8rem; height:80px;}
.service ul li .btn{height:auto !important;}
.service ul li .btn a{color:#fff; font-weight:bold; font-size:12px; text-align:center; width:96%; padding:10px 0; display:block; margin:10px auto;}
.rich{background:url(../image/nengasp/BG_nenga_choice.jpg) repeat; padding-bottom:30px;}
.rich h3{padding:20px 0;}
.rich ul{margin:0 auto; width:80%; text-align:center;}
.rich ul li{float:left; width:44%; border:#fff solid 4px; box-sizing:border-box; margin:0 3%;}
#sub .group{width:96%; margin:0 auto;}
#sub .group img{width:100%; margin:5px 0;}
#sub .design_linup{border-top:2px dashed #999; border-bottom:2px dashed #999; padding:10px 0 20px; width:96%; margin:20px auto 0; box-sizing:border-box;}
#sub .design_linup h4{text-align:center; margin-bottom:10px;}
#sub .design_linup ul li{width:16%; float:left; margin:0 1px;}
#sub .design_linup ul li img{width:100%; height:auto;}
#sub .specialvisual{position:relative;}
#sub .specialvisual a{position:absolute; bottom:1%; left:1%; width:50%;}
#sub .specialvisual2_sp{position:relative;}
#sub .specialvisual2_sp .btn01{position:absolute; top:36%; left:24%; width:25%;}
#sub .specialvisual2_sp .btn02{position:absolute; top:87%; left:24%; width:25%;}
#sub .specialvisual2_sp .btn03{position:absolute; top:58%; left:74%; width:25%;}

#sub .specialvisual2b_sp{position:relative; margin:3% auto;}
#sub .specialvisual2b_sp .btn_syochu{position:absolute; top:75%; left:74%; width:25%;}
#sub .specialvisual2b_sp .btn_syochu:hover{opacity:0.8;}
#sub .specialvisual2c_sp{position:relative;}
#sub .specialvisual2c_sp .btn01{position:absolute; top:36%; left:24%; width:25%;}
#sub .specialvisual2c_sp .btn02{position:absolute; top:87%; left:24%; width:25%;}
#sub .specialvisual2c_sp .btn03{position:absolute; top:58%; left:74%; width:25%;}
#sub .specialvisual2c_sp .btn01:hover{opacity:0.8;}
#sub .specialvisual2c_sp .btn02:hover{opacity:0.8;}
#sub .specialvisual2c_sp .btn03:hover{opacity:0.8;}

.top_btn {display:block; margin: 3% auto; text-align:center;}
.top_btn a img{width: 98%;}
.top_btn a img:hover{opacity:0.8;}

#sub .earyvisual{position:relative;  margin-bottom: 0px;}
#sub .earyvisual img{position:relative;}
#sub .earyvisual .btn{position:absolute; bottom:1%; left:1%; width:50%;}/* 10/17八木変更 */
#sub .mochuvisual img{position:relative; margin: 5px 0 30px;}

.osirase_sp {width:90%; border:1px solid #C00; margin:20px auto 0; padding: 5px; line-height: 1.8em;}
.osirase_sp  h3{color:#C00; font-weight: bold; font-size:15px;}
.osirase_sp  h3 span{background:url(../image/nengasp/ICON_amb_open.png) no-repeat center right; background-size:auto 10px; display:block;}
.osirase_sp  h3.open span{background:url(../image/nengasp/ICON_amb_close.png) no-repeat center right; background-size:auto 10px; display:block;}
.osirase_sp  p{font-size:14px; color: #333; display:none; margin-top:10px;}
.osirase_sp red{color:#C00;}

.nenga_nouki_link{width: 96%; margin: 0 auto; text-align: center;}
.nenga_nouki_link img{width: 100%;}
.nenga_nouki_link a img:hover{opacity:0.7;}


.news_sp{width: 100%; margin: 0 auto;}
.news_sp_container{width:96%; margin: 0 auto;}
.news_sp_container p{font-size: 16px;}
.news_sp_container p.news a{display: inline;}

#sub .banner_area p.news a{display: inline;}
#sub .banner_area .news_sp .drop {display: none;}

.top_main_copy{font-size: 16px; text-align: center; margin: 20px 0;}

.type_main_copy{font-size: 20px; text-align: center; margin: 0 auto;}


.uketsuke{width:96%; margin:20px auto; text-align:center;}
.uketsuke img{width100%;}

.illust_banner{width:96%; margin:20px auto; text-align:center;}
.illust_banner img{width100%;}

.illust_banner2{width:96%; margin:20px auto; text-align:center;}
.illust_banner2 img{width100%;}


.designers_banner_sp{
	width:96%;
	height:auto;
	margin: 5% auto;
	position:relative;
}

.designers_banner_sp img{width:100%;}

.db_btn01_sp{
	width:100%;
	position:absolute;
	top:55%;
	left:0%;
	text-align:center;
}


.db_btn02_sp{
	width:100%;
	position:absolute;
	top:73%;
	left:0%;
	text-align:center;
}

.db_btn01_sp img,.db_btn02_sp img{width:55%;}

}

@media (max-width: 480px) {
#contents{width:100%; margin:0 auto; padding-top:50px;}
#sub .banner_area p.now_order{height:60px;}
#sub .banner_area p.now_order span{right:5%; top:10%;}
}

@media (max-width: 768px) {
#main{width:100%;}
#main p{ font-size:14px !important;}
.container_l2 { margin: 20px auto; width: 96%; clear:both;}
.container_l2b {border-bottom: 1px dotted #333;height: auto;margin: 0 auto; padding: 0; width: 96%;}
.container_l { margin: 0 auto 30px; width: 96%;}
.page_title {height: auto; width:92%; border-bottom: 0; font-size: 18px; height: auto; margin: 0 auto; padding:4% 4%; text-align: left;  font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; background:url(../image/nengasp/BG_nenga_top.jpg) repeat center; line-height:24px; font-weight:bold;}
/* よくある質問 */
#faq_select{width: 100%; margin: 0 auto 20px;}
#faq_select img{width:30%; height:auto;}
#faq_select ul li {width: 50%; height: 50px; margin-left: 0; margin-bottom: 0; float: left; font-size:0.8rem; line-height:1rem;}
#faq_select ul li:hover,#faq_select ul li.acctive,#faq_select ul li.current{width: 50%; height: 50px; margin-bottom: 0;}
#faq_select ul li:first-child{margin-left: 0px;}
#faq_select ul li a{line-height: 50px; font-size: 100%;}
#faq_select p{text-align:left; margin: 0 auto 20px;}
#faq_block{width: 96%;}
.faq_block_title{width:  auto; margin: 60px auto 20px; font-size:16px;}
dl.faq{width: auto;}
dl.faq dt h3{height: auto; line-height: 33px;}
dl.faq dt h3 > img{padding-right: 10px; height: 33px; width: auto;}
dl.faq dd{display: none; margin-top: 10px;}
dl.faq dd > img{margin-left: 0; height: 33px; width: auto;}
.ans_text{width: auto; padding: 10px; float: right; margin: 10px auto;}

/* 選ばれる理由 */
h3.spt{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size:18px; margin:4% 0; text-align:center;}
h3.spt span{ border-bottom: 2px dotted #333; padding:0 2% 2%; display:inline-block; font-size:20px;}
h3.spt small{display:block; font-size:12px;}
p.spt{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size:14px;}
#staff_img{width: 50%; height: auto; margin: 20px auto;}
#staff_img img{float: none; margin: 5px auto;}
#reason1,#reason2,#reason3,#reason4,#reason5,
#reason6,#reason7,#reason8,#reason9,#reason10{width: 100%; height: auto; margin: 30px auto; padding-bottom: 20px;}
.reason_box_l{height: auto; float: none; margin-left: 0;}
.reason_box_r{height: auto; float: none; margin-right: 0;}
.reason_box_c{text-align: left;margin: 0 auto 30px;}
.reason_box_l2{float: none; margin-left: 0;}
.reason_text{font-size: 14px; line-height: 1.4rem; margin: 20px 0;}
#paper{width: 100%; height: auto; margin: 0 auto;}
#paper ul li{width: 200px; height: auto; float: none; margin: 0 auto;}
#paper ul li:first-child{margin: 0 auto;}
#paper3{width: 100%; height: auto; margin: 0 auto;}
#paper3 ul li{width: 200px; height: auto; float: none; margin: 0 auto;}
#paper3 ul li:first-child{margin: 0 auto;}
#reason10 .reason_box_r img{margin-top:20px;}
.midashi_min_l2{font-size: 130%; line-height: 120%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.midashi_min_l2g{color:#8a8a8a; font-size: 120%; line-height: 120%; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

/*編集画面の操作ガイド*/
.editguide_container{width: 100%; margin: 40px auto;}
.editguide_container_first{width: 100%; margin: 40px auto;}
.editguide_image{width: 100%;}
.editguide_midashi{font-size:16px; margin-bottom: 15px; font-weight:bold;}
.editguide_text{font-size:13px; text-align: left; margin-bottom: 30px;}
.editguide_container_first img.resize{width:50%; margin:0 auto;}
.editguide_container img.resize{width:50%; margin:0 auto;}
.editguide_container img.resize2{width:30%; margin:0 auto;}
.midashi_min_big{font-size:16px; font-weight:bold;}

/*注文フォームの操作方法*/
.formguide_container{width: 100%; margin: 40px auto 80px;}
.formguide_image{width: 100%;}
.formguide_midashi{font-size:14px; margin-bottom: 15px; font-weight:bold;}
.formguide_text{font-size:12px; text-align: left; margin-bottom: 30px;}
.formguide_container img.resize{width:50%; margin:0 auto;}
.formguide_container ul{width: 100%;	text-align:left;}
.formguide_container ul li{font-size: 12px; margin-right: 10px;}

/*大礼紙・ペルーラ・マシュマロ*/
.page_title03{width: 100%; height: 120px; margin:30px auto;}
.page_title03 img{height:100%; width:auto;}
.paper_block{width: 96%; margin: 0 auto 40px;}
.paper_block_text{font-size: 12px; text-align: center; margin-bottom: 30px;}
.paper_block_text2{font-size: 16px; text-align: left; margin: 10px auto;  }
.paper_view{width: 90%; height: auto; padding: 2% 2% 20px 2%;}
.paper_view_midashi{font-size: 16px; font-weight:bold; margin-bottom: 10px;}
.midashi_min_ll{font-size: 18px; font-weight:bold; margin-top:20px;}
.paper_view .comment{padding:10px 0; text-align:left;}
.paper_block img.resize2{width:30%; margin:0 auto;}
#paper2 {width: 200px; height: auto; float: none; margin: 0 auto;}
#paper2 ul li:first-child {margin: 0 auto;}
#paper2 ul li {float: none; margin-left: 0; width: 200px;}
.paper_box_link {margin: 10px auto 30px; height:auto; width:100%;}
.paper_box_link a {height: 56px; width: 197px;}
.paper_box_link a > p { line-height: 53px; padding-left: 15px;}

/*サンクスページ*/
.thanks_container{width: 96%; margin: 40px auto; text-align: left; font-size: 14px;}
.thanks_text{text-align:left; font-size:14px; margin-bottom: 30px;}

/*当社からの自動返信メールが届かないお客様へ*/
.mailerror_container{width: 96%; margin: 40px auto; text-align: center; font-size: 14px;}
.mailerror_container img.resize2{width:10%; margin:0 auto;}
.mailerror_text{text-align:left; font-size:15px; margin-bottom: 30px;}
.error_q{width:96%; height: auto !important; text-align: left; font-size: 18px; line-height: 1.4rem; margin: 0 auto 5px; padding:2%;}
.error_a{width: 100%; height: auto; margin: 5px auto 60px; padding: 0;}
.error_a_text{width: 100%; text-align: left; font-size: 15px;}

/* 文例集一覧*/
.message_top_select{width: 100%; border-top: 2px dotted #333; border-bottom: 2px dotted #333; padding: 10px 0; margin:2% 0;}
.message_top_select ul{float: none; left: 0; width:100%;}
.message_top_select ul li {width: 50%; height: 50px; font-size:0.8rem; line-height:1rem; float: left; text-align: center; border-left:none; left: 0; padding: 0; margin:0; background-image: url("../image/faq/fa_navbackimg.gif");  background-position: 0 0; line-height:50px;}
.message_top_select ul li a{color:#fff;}
.select_li_last{border-right: none; background-position: 0 -50px !important; color:#fff;}
.message_top_select ul li:hover{background-position: 0 -50px !important;}
.message_title{width: 96%; height: auto; margin: 0 auto 40px; background-image: none; border-top:double 6px #ddd; border-bottom:double 6px #ddd; font-size:18px; line-height:24px; padding:10px 0;}
.message_cate{margin: 0px auto 10px; font-size: 14px; text-align: left;}
.message_no{width: 96%; height: 20px; margin: 0; font-size: 14px; line-height: 20px; padding:6px 2%; text-align:left;}
.messege_text{margin: 10px auto 30px; font-size: 14px; text-align: left;}

/* サイトマップ*/
#sitemap_box_l{width: 100%; float: none;}
#sitemap_box_r{width: 100%; float:none; margin-top: 0;}
.sitemap_midashi{width: 100%; height: auto; font-size: 18px; line-height: 36px; box-sizing:border-box;}
#sitemap_box_l ul,#sitemap_box_r ul{margin-bottom: 30px;}
#sitemap_box_l ul li,#sitemap_box_r ul li{margin-left: 20px;  font-size:14px; line-height:1.4;}

/* 価格・納期*/
#price1,#price2,#price3,#price4,#price5,#price6,#price7,#price8,#price9,#price10,#price11,#price12,#price13,#price14,#price15{
width: 100%; text-align: center; margin: 40px auto;}
.price_text,.price_text2{font-size: 16px; text-align: left; margin: 20px 0;}
#price12 img.resize, #price15 img.resize{width:50%; margin:10px auto;}
.price_text3{font-size: 16px; text-align: left; margin:20px 0 10px;}
.price_container{width: 96%;}
.price_container2{width: 92%; text-align: left; padding: 4% 2%; margin: 0 auto 30px; box-sizing:content-box; }
.card_comment{width: 96%; margin: 0 auto 20px; font-size: 14px;}
.comment {font-size: 14px; text-align:left;}
.comment_center {font-size: 14px; text-align: left;}
table#price_b{width: 100%;	margin: 0 auto 30px;}
#price_box{width: 100%; margin: 0 auto;}
table.price{width: 100%; font-size: 14px; margin: 0 auto 20px; float: none;}
table.price_before{width: 100%; font-size: 14px; margin: 0 auto 20px; float: none;}
table.price_before th{width: 100%;}
table.price_before td{width: 100%;}
.campaign_text{text-align: left; font-size: 16px;}
.campaign_text > img{margin: 0 auto; padding-bottom:20px; display:block;}
.atena_print_btn {margin: 0 0 30px 0;}
.cust_box{width: 100%; margin-bottom: 40px;}
.cust_box img{margin: 30px auto;}
.cust_midashi{width: 96%; height: auto; padding:10px 2%; margin: 0 auto; line-height: 1.4; font-size: 16px;}
.cust_txt{width:96%; margin:2% auto;}
.cust_txt p{text-align:left; font-size:12px;}
.cust_txt b{line-height:2; display:block; font-size:13px;}

.dropcon{display:none; margin:20px 0;}
.droptab{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; margin:20px 0 0; text-align:center; background:#e4e4e4; line-height:50px;}
/*.droptab span{background:url(../image/nengasp/ICO_drop_close2.png) no-repeat right center; display:block; background-size: auto 30px; font-size:24px;}
.droptab.open span{background:url(../image/nengasp/ICO_drop_open2.png) no-repeat right center; display:block; background-size: auto 30px;}*/
.droptab span{display:block; background-size: auto 30px; font-size:24px;}
.droptab.open span{display:block; background-size: auto 30px;}
.droptab span small{font-size:18px;}

.nenga_nouki{width: 100%; height: auto: margin: 0 auto; padding: 0 0 10% 0;}
.nenga_nouki .nouki_midashi{width: 96%; height: auto; border-bottom: 1px solid #C00; text-align: center; font-size: 20px; font-weight: bold; color:#C00; margin: 0 auto 7%; padding:0;}
.nenga_nouki .nouki_saihan_midashi{width: 96%; height: auto; text-align: center; font-size: 16px; font-weight: bold; color:#333; margin: 0 auto;}

table.nenmatsu_nouki{
	width: 96%; height: auto; font-size: 90%; border-collapse: collapse; color: #333; margin: 0 auto 5%;
}

table.nenmatsu_nouki td.gray{ text-align: center; background-color: #eee; color: #333; 	border: 1px solid #999;
	padding: 2% 2%; border-collapse: collapse; vertical-align: middle; font-weight: bold;}

table.nenmatsu_nouki td{ text-align: center; background-color: #fff; color: #333; 	border: 1px solid #999;
	padding: 2% 2%; border-collapse: collapse; vertical-align: middle;}

table.nenmatsu_nouki td.aka{ text-align: center; background-color: #ffcfcf; color: #333; 	border: 1px solid #999;
	padding: 2% 2%; border-collapse: collapse; vertical-align: middle;}

.nenga_nouki p{width:90%; line-height:1.5; font-size:0.9em; margin: 0 auto 5%; text-align: left;}

p.holiday{ margin: 0 auto 7%;}
p.holiday img{ width:10%;}


#main p.type_title{
	margin-top:5%;
	font-size: 21px!important;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif!important;
	max-height: 999999px!important;/* Android Chromeバグ対策*/
}

#main p.type_title_sub{
	margin-top:0;
	font-size: 15px!important;
	font-weight:bold;
	max-height: 999999px!important;/* Android Chromeバグ対策*/
}

/* ハガキについて */
#hagaki1,#hagaki2,#hagaki3,#hagaki4,#hagaki5,#hagaki6,#hagaki7,#hagaki8{width: 100%; margin: 20px auto;}
.hagaki_text,.hagaki_text2{font-size: 14px; text-align: left; margin: 20px auto; width:96%;}
.hagaki_text2{margin: 30px auto;}
.hagaki_img_box2{width: 100%; margin: 40px auto;}
.hagaki_text_box6{width: 90%; margin:0 auto 30px; float: none; font-size:16px;}
.hagaki_text_box7{	width: 90%; margin:0 auto; float: none; font-size:16px;}
.hagaki_text_box7 > img{width:50%;}
.hagaki_text_box8{width: 96%; font-size:16px; margin: 65px auto 20px; float: none;}
.hagaki_img_box3{width: 96%; margin: 0 auto; float: none;}
.print_midashi{width: 96%; height: auto; padding:10px 2%; margin: 0 auto; line-height: 1.4; font-size: 16px;}
.hagaki_text_box9{width: 96%; margin:0 auto 20px; padding:0;}
.hagaki_box{width:100%; margin: 0 auto 80px; text-align: left;}
.hagaki_box > img{margin-top: 10px; margin-left: 0;}
.plate,.plate2{ top:50px; left:-2%;}
.atena h4.red_title{margin:20px auto 10px;}
.atena .image_1{width:40%; margin:auto; border-bottom:#999 solid 1px; padding-bottom:20px;}
.atena .image_2{width:40%; margin:auto;}
.atena p{font-size:12px; margin-bottom:10px;}
.atena p small{font-size:11px;}
#hagaki9{width: 100%; margin:0 auto;}


/* デザインTOP */
.design_top_select{display:none;}
/*.design_top_select{width: 100%; overflow: hidden; border-top: 2px dotted #333; border-bottom: 2px dotted #333; padding: 10px 0; margin:0 auto;}
.design_top_select ul{float: none; left: 0; width:100%; padding-top: 2%;}
.design_top_select ul li {width: 49%; height: 50px; font-size:0.8rem; line-height:1rem; float: left; text-align: center; border-left:none; left: 0; padding: 0; margin:0 auto 2%; line-height:50px; border:#000 solid 1px; box-sizing:border-box;}
.design_top_select ul li:nth-child(odd){margin-right:2%;}
.design_top_select ul li a{color:#000;}*/
#design_top_block1,#design_top_block2,#design_top_block3,#design_top_block4,#design_top_block5,#design_top_block6{
width: 96%; margin: 0 auto 40px; padding-bottom: 30px;}
.design_top_text{position: relative; font-size: 16px;}
.design_top_text p{margin-bottom:10px;}
.design_top_text p .midashi_min_l{display:block; margin-bottom:10px;}
.design_top_img{position:relative;}
.design_top_btn{position: relative; bottom:0; margin-top: 20px;}
.design_top_btn a img{margin-bottom: 10px;}
.group_site_box2 {height:auto !important; margin: 0 ; width: 100%;}
.groupsite_icon { left:50%; position: absolute; top: 10px; width:180px; margin-left:-90px;}
.group_site_box_text2 {margin: 60px auto 20px; width: 96%;}
.group_site_box_title {float: none; margin:10px auto; width: 100%;}
.group_site_image2 {margin-top: 20px; width: 100%; float:none !important;}
.group_site_link {height: auto !important; padding: 5px 2%; width: 96%;}
.group_site_link a {height:auto !important; width: 100%;
    background: rgba(0, 0, 0, 0) url("../image/icon/rightarrow_white.gif") no-repeat right 0 top 7px;}

/* 喪中寒中はがき*/
.mochu_text{font-size: 16px; text-align: left; margin: 20px auto;}
.mochu_design_link_sp{width: 100%; height: 80px;}
.mochu_design_link_sp a{width: 100%; height: 80px;}
.mochu_design_link_sp a img{width: 100%;}
.mochu_hagaki{width: 100%; margin: 0 auto 30px;}
.mochu_hagaki_text{width: 100%; text-align: left; font-size: 16px; float: none; margin-bottom:20px;}
.design_link2 {position: relative; right: 0; top: 0; text-align:right; font-size:14px; margin-bottom:20px;}

/* イラスト年賀　*/
.container_l3 {margin: 0 auto 30px; width: 96%;}
.container_service2 {height: auto; margin: 0 0 30px; width: 100%; clear:both; display:table;}
.container_service4 {height: auto !important; width: 96%; margin:0 auto;}
.service_box7 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;  display:table-cell;}
.service_box8 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;  display:table-cell;}
.service_box9 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;  display:table-cell;}
.service_box10 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;  display:table-cell;}
.service_box11 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;}
.service_box12 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;}
.service_box13 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;}
.service_box14 {height: auto; left: 0; top:0; padding: 10px; position: relative; width: 50%; box-sizing:border-box; float:left;}
.service_box { font-size: 14px; height:60px;}
.midashi_min_l_center {font-size: 16px; height:52px; line-height:1.4;}
.service_box_btn {margin: 10px auto; width: 100%;}
.service_box_btn a {width: 100%; display: block;}
.container_l5 {margin: 0 auto 30px; width: 96%;}
.block_title4 { margin: 0 auto 10px; padding: 5px 0; width: 100%;}
.block_title4 img{width:100%; height:auto !important;}
.block_title5 {margin:10px auto; width: 100%;}
.design_link3 {position: relative; right: 0; top: 0; text-align:center; font-size:14px; margin-bottom:20px;}
#d_pickup_back2 {height:auto !important; width: 100%; padding-bottom:3%;}
.pickup_box_tate {height: 123px; margin-top: 10px; padding-bottom: 27px;}
.pickup_box_tate img{height:123px; width:auto;}
.pickup_box_yoko {height: 123px; margin-top: 10px; padding-top: 27px;}
.pickup_box_yoko img{height:auto; width:123px;}
#main p.slide_text {font-size:11px !important; -webkit-text-size-adjust: 100%;}
.illust_text{font-size: 14px; text-align: left; margin: 20px auto;}

.midashi_min_ll_w {color: #000; font-size: 18px;}
.step_box{width: 100%; height: auto; text-align:center; margin-top:30px; border:none; clear:both;}
.step_box img{float:none !important;}
.step_text1{display:none;}
.step_text2{display:none;}
.step_text3{display:none;}
.step_illust{display:none;}
.step_box table{width:100%; margin:20px auto;}
.step_box tr{display:block; margin-bottom:10px;}
.step_box th{vertical-align:middle; width:40%;}
.step_box td{vertical-align:middle; font-size:14px; text-align:left; line-height:1;}

.container_l2_nenga_sp { margin: 20px auto 0; width: 96%; clear:both; height: auto;}

.illust_design_link_sp a{width: 100%; height: 80px; position:relative;}
.illust_design_link_sp a img{width:100%;}

.nenga_link{width: 96%; height: auto; margin: 5% auto 0; display:block;}
.nenga_link img{width: 100%;}
.nenga_link a img:hover{opacity: 0.7;}


/**暑中見舞い**/
.container_l2_banner{
	width: 96%;
	height: auto;
	margin: 0px auto 30px;
	padding: 0;
	text-align:center;
	position: relative;
	overflow: hidden;
}

.container_l2_banner ul li{width:100%; display:block; margin: 5% auto; float:none;}
.container_l2_banner ul li img{width: 100%;}


.container_l2_hagaki{
	width: 96%;
	height: auto;
	margin: 0px auto 30px;
	padding: 0;
	text-align:center;
	position: relative;
	overflow: hidden;
}

.container_l2_hagaki ul li{display:block; margin: 5% auto;}
.container_l2_hagaki ul li img{width: 100%;}


.photo_btn{width:96%; height:auto; padding:5% 3%; 
font-weight:700; font-size:22px; background:#17afee;
border-radius:10px; text-align:center; margin:2% auto;
box-sizing:border-box;
}

.photo_btn a{color:#fff;}

.illust_btn{width:96%; height:auto; padding:5% 3%; 
font-weight:700; font-size:22px; background:#55c567;
border-radius:10px; text-align:center; margin:2% auto;
box-sizing:border-box;
}

/**いとうちゃん47都道府県年賀**/

.ito_text{
	width:96%;
	margin:5% auto;
	text-align:left;
	font-size:16px;
	font-weight:700;
	line-height:150%;
}

.container_flex{/* */
	width: 96%;
	height: auto;
	margin: 0 auto 7% auto;
	padding: 0;
	position: relative;
	display:flex;
	flex-wrap:wrap;
}

.container_flex p.pref_illust{
	flex-basis:50%;
	height:auto;
	padding:2% 2% 3% 2%;
	margin-bottom:5%;
	box-sizing:border-box;
	text-align:center;
	border-bottom:1px dotted #333;
}

.container_flex p img{
	width:100%;
	height:auto;
}

.container_flex p span{
	display:block;
}



/* ご注文方法 */
#order_select{width: 100%; margin: 0 auto 40px;}
#order_select table {width:100%; height: auto; margin-bottom: 5px;}
#order_select table tbody{width:100%; }
#order_select table a{display:block;}
#order_select table tr{width:49%; border:1px dotted #000; box-sizing:border-box; float:left; height:50px; margin:0 0 2% 0; display:table;}
#order_select table tr:nth-child(odd){margin-right:2%;}
#order_select table th{width:23%; margin-right:2%; vertical-align:middle; display:table-cell;}
#order_select table th img{width:100%;}
#order_select table td{font-size:14px; vertical-align:middle; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; padding-left: 2%; line-height:1.2; display:table-cell;}
#order_select table td small{display:block; font-size:12px; line-height:1.2;}
#order_flow{width: 96%; margin-bottom: 40px; padding-bottom: 30px;}
.flow_menu {display:none;}
#order_flow .order_flow_title{margin-bottom: 40px;}

.flow_order h4{border:1px solid #000; padding:5px; }
.flow_order ul {margin:10px 0;}
.flow_order ul li{font-size: 14px; margin-left: 20px; float: none; background: url(../image/icon/icon_01.gif) left no-repeat; text-align:left; text-indent:20px;}
.flow_order ul li a{color: #CC0000;}

.mypage_link{height: 50px; margin: 30px auto;}
#order_kanji{width: 96%; margin: 0px auto 40px; padding-bottom: 20px; text-align:left; font-size:14px;}
#order_atena{width: 96%; margin: 0px auto 40px; padding-bottom: 20px;}
#order_pay{width: 96%; margin: 0px auto 40px; padding-bottom: 20px;}
#order_attention{width: 96%; margin: 0px auto 40px; text-align: left; font-size:14px;}
#order_hagaki{width: 96%; margin: 0px auto 40px; padding-bottom: 20px;}

.top_sche{ width:100%; margin: 0 auto 5%;}
.top_sche img{ width:100%;}
.anshin{ width:100%; margin: 0 auto 7%;}
.anshin img{ width:100%;}
.photo_postcard{ width:100%; margin: 0 auto 7%;}
.photo_postcard img{ width:100%;}
.illust_postcard{ width:100%; margin: 0 auto 7%;}
.illust_postcard img{ width:100%;}
.top_paper{ width:100%; margin: 0 auto 7%;}
.top_paper img{ width:100%;}
 
.attention_ex{width: 100%;}
}

@media(max-width:480px){
.slide_text{text-align: center; font-size: 80%; color: #333; line-height: 160%; font-weight: normal; margin-top: 0px;}
}