@import"reset.css";
@import"skeleton.css";
@import"forms.css";
@import"prettyPhoto.css";
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,400italic);
@import"superfish.css";
@import"carousel.css";
@import"font-awesome.min.css";

body{
	background: #e6e6e6 url(../images/header_bg.png) repeat;
	color: #373737;
	font:14px/18px  'Lato', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust: none;
	color:#373737;
	min-width:980px;
	position:relative;
}
html,body{height:100%;}
a{color:#53a5a5;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#373737;}
h1{font-size:26px; text-transform:uppercase;}
h2{font-size:24px;padding-bottom:10px;}
h3{font-size:20px;text-transform:uppercase;} 
h4{font-size:18px; padding-bottom:21px;}  
h5{font-size:16px;text-transform:uppercase; padding-bottom:10px;}
h6{font-size:14px;}
hr {
	border: 0;
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	display: block;
	float: left;
	height: 3px;
	margin: 40px 0;
	width: 100%;
}
input, select { font-family: Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
blockquote{font-family: 'Lato',Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight:400;font-style:italic;}
.display1 {display:none;}
#map{width:950px;height:600px;}
.info{background: url(../images/house7s.png) no-repeat;padding:0px 10px 5px 20px;}
.car{width:960px;height:140px;background: url(../images/town_titleani.gif) no-repeat;margin:-60px;position:relative; overflow:hidden;display:block; }
.anileft{width:320px;height:400px;background: url(../images/nornir_town_banner_left2.png) no-repeat;position:relative; overflow:hidden;display:block;padding-top:160px;padding-left:10px;}
.main_visual {
    text-align: center;
    background: none repeat scroll 0% 0% #F5F3ED;
margin: 0px auto;
padding: 0px;
border: 0px none;
outline: 0px none;
font-size: 100%;
vertical-align: bottom;
}
.backimg{background: url(../images/backimg.png) no-repeat bottom right;}

/*--------------------------------------
              BACK TO TOP
--------------------------------------*/
#backtop {
	position: fixed;
	margin-left:10px;
	bottom: 15px;
	z-index: 500;
}
#backtop span {
	width: 58px;
	height: 30px;
	display: block;
	background: url(../images/navi_top.png)no-repeat;
}
#backtop a:hover span {
	background:url(../images/navi_top.png)no-repeat rgba(87,86,81,0.1);
}
div.artwork > img.artwork {
    min-height: 175px;
}
div.artwork > img.artwork {
    position: relative;
    border: 0px none;
    z-index: 0;
}
div.artwork >span.mask {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 177px;
    height: 177px;
    background: url('../images/mask175.png') no-repeat scroll 0px 0px / 175px 175px transparent;
}

/*================================>> Google Fonts <<========================================*/
h1,h2,h3,h4,h5,h6, .sf-menu li li a, .boxbutton, .list-2 li a, .dropcap, figcaption, table thead th{font-family: 'Lato', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight:400;}
.sf-menu li a span, .title-1, .title-2{font-family: 'Lato', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-weight:500;}
.pd5 {	padding: 5px ; }
.pd10{	padding:10px ; }
.pd20{	padding:20px ; }
.pd30{	padding:30px ; }
.pd40{	padding:40px ; }
.pt5 {	padding-top: 5px ; }
.pt10{	padding-top:10px ; }
.pt20{	padding-top:20px ; }
.pt30{	padding-top:30px ; }
.pt40{	padding-top:40px ; }
.pb10{	padding-bottom:10px ; }
.pb20{	padding-bottom:20px ; }
.pb30{	padding-bottom:30px ; }
.pb40{	padding-bottom:40px ; }
.pl5 {	padding-left: 5px ; }
.pl10{	padding-left:10px ; }
.pl20{	padding-left:20px ; }
.pl30{	padding-left:30px ; }
.pl40{	padding-left:40px ; }
.pr5 {	padding-right:5px ; }
.pr10{	padding-right:10px ; }
.pr20{	padding-right:20px ; }
.pr30{	padding-right:30px ; }
.pr40{	padding-right:40px ; }
.pr60{	padding-right:60px ; }
.mg10{	margin:10px ; }
.mg20{	margin:20px ; }
.mg30{	margin:30px ; }
.mg40{	margin:40px ; }
.mt0 {	margin-top:-15px ; }
.mt1 {	margin-top:-10px ; }
.mt5 {	margin-top: 5px ; }
.mt10{	margin-top:10px ; }
.mt20{	margin-top:20px ; }
.mt30{	margin-top:30px ; }
.mt40{	margin-top:40px ; }
.mb5 {	margin-bottom: 5px ; }
.mb10{	margin-bottom:10px ; }
.mb20{	margin-bottom:20px ; }
.mb30{	margin-bottom:30px ; }
.mb40{	margin-bottom:40px ; }
.ml0 {	margin-left:-10px ; }
.ml5 {	margin-left: 5px ; }
.ml10{	margin-left:10px ; }
.ml20{	margin-left:20px ; }
.ml30{	margin-left:30px ; }
.ml40{	margin-left:40px ; }
.ml50{	margin-left:50px ; }
.ml60{	margin-left:60px ; }
.ml70{	margin-left:70px ; }
.ml80{	margin-left:80px ; }
.mr0 {	margin-right:-30px ; }
.mr10{	margin-right:10px ; }
.mr5 {	margin-right: 5px ; }
.mr20{	margin-right:20px ; }
.mr30{	margin-right:30px ; }
.mr40{	margin-right:40px ; }
.h100{  height:100px ; }
.w100{  width:100px ; }
.w150{  width:150px ; }
.w200{  width:200px ; }
.w250{  width:250px ; }
.w300{  width:300px ; }
.w350{  width:350px ; }
.w400{  width:400px ; }
.w500{  width:500px ; }
.w600{  width:600px ; }
.w700{  width:700px ; }
.w800{  width:800px ; }
.w850{  width:850px; }
.w900{  width:900px; }
.h50 { height:50px ;}
.h100{ height:100px ; }
.h150{ height:150px ; }
.h200{ height:200px ; }
.h250{ height:250px ; }
.h300{ height:300px ; }
.h350{ height:350px ; }
.h400{ height:400px ; }
.h450{ height:450px ; }
.h500{ height:500px ; }
.h550{ height:550px ; }
.h600{ height:600px ; }
.h650{ height:650px ; }
.h700{ height:700px ; }
.h750{ height:750px ; }
.h800{ height:800px ; }
.p100 { width:100% ; }
.alignright		{	text-align:right !important;	}
.aligncenter	{	text-align:center !important;	}
.alignmiddle *	{	vertical-align:middle !important;	}
.alignleft		{	text-align:left !important;	}
.fl  {  float:left;		}
.fr  {  float:right;	}
.fn  {  float:none;		}
.dn  {  display:none;	}
.ihr {  display:none;	}
.dit {  display:block;	}
.bd  {  border:1px solid #FFF;}
.fc1  {  color:#f78f14;}
.fc2  {  color:#959595;}
.ft12 {	font-size:12px; line-height: 1.3em;	}
.ft14 {	font-size:14px;	}
.ft16 {	font-size:16px;	}
.ft18 {	font-size:18px;	}
.ft20 {	font-size:20px;	}
.lh2  { line-height:2em;}
.lh5  { line-height:1.5em;}
.inline{display:inline;}
.inblock{display:inline-block;}
.block{display:block;}
/*--------------------------------------
              TEXT BOX
--------------------------------------*/
.btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	margin-bottom:2px;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.btn:active {
	position:relative;
	top:1px;
}
a.btn-primary {
	background:url(../images/link.gif) repeat 0% 0% !important;
	display:inline-block;
	height:38px;
	padding:0 23px;
	line-height:38px;
	vertical-align:top;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow:1px 1px 0 rgba(140,140,140,0.23);
	text-transform:uppercase;
	text-decoration:none;
	color:#fff !important;
}
a.btn-primary:hover {
	background-position:0% -38px !important;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
a.btn-primary:focus {
	background:url(../images/link.gif) repeat 0% 0%;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

/*--------------------------------------
              BACKGROUND
--------------------------------------*/
.bg{
	margin:0 auto;
	position:relative;
	width:100%;
	height: 100%;
	background:url(../images/bg2.jpg);
}


/* Global Structure---------------------------------------- */
.main{margin:0 auto;position:relative;width:940px; overflow:hidden;}
.main2{margin:-10px auto;position:relative;width:940px;  z-index:1;}
.main3{margin:0 auto;position:relative;width:940px;}
/*----- txt,links,lines,titles -----*/
.fleft{float:left}
.fright{float:right}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.reg{text-transform:uppercase}
.it{font-style:italic}
.letter{letter-spacing:-1px}
.color1{color:#0ea1d5;}
.color2{color:#fff;}
.relative{ position:relative;}
.c_wt {color:#FFF;}
* { zoom: 1; }
ul, ol, li { zoom: normal; }
.list1 li{list-style-type: none;line-height:1;margin:2px 0px 2px 5px;background:#f6f6f6;padding:5px 0 5px 10px;width:280px;}
.td_blue1{width:120px;background:#f6f6f6; border: 1px solid #373737;padding:5px; }
.td_blue2{width:250px;background:#a5c9c2; border: 1px solid #373737; padding:5px; }
.td1-1{width:120px;padding:5px; }
.td1-2{width:250px;padding:5px; }
.chair{	background: url(../images/house11.png) no-repeat;  display:block;width:110px; height: 142px;position: absolute;margin:-150px 0 0 50px;}
td.td150{width:150px;boder:1px solid #C0C0C0; font-size:20px;color:#FFFFFF;}  
img.w140{width:140px;}
/*********************************header*************************************/
header{position:relative;width:100%;}
.topmenu{ position:relative; overflow:hidden; padding-left:120px;}
	.topmenu li{ background:url(../images/topmenu.jpg) 100% 5px no-repeat; float:left; padding: 0 5px 0 10px;}
	.topmenu li.last{ background:none; padding-right:5px;}
		.topmenu li a{ color:#373737;}
			.topmenu li a:hover{ text-decoration:none;color:#0ea1d5;}
.up7{margin-top:-7px;}
#header_border {
	background: url(../images/header_border.png) repeat-x;
	bottom: 0;
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
}
.bgheader{
	background: #e6e6e6 url(../images/header_bg.png) repeat;
	background: rgba(230, 230, 230, 0.95) url(../images/header_bg.png) repeat;
	border-top: 2px solid #b7b7b7;
	font-size: 12px;
	height: 20px;
 	left: 0;
	right: 0;
	top: 0;
	position:relative; 
	width: 100%;
}
.bgheader2{ background: url(../images/header1.jpg) 50% -95px repeat; width:100%;
padding:0px 0 0px 0;position:relative; border-top:1px solid #202024;
border-bottom:1px solid #202024;height:110px;}
.content_black{ background: url(../images/body.jpg) 50% 0 repeat; width:100%;padding:20px 0 20px 0;}
.content_gray{ 	
background: #e6e6e6 url(../images/header_bg.png) repeat;
background: rgba(230, 230, 230, 0.95) url(../images/header_bg.png) repeat;
width:100%;padding:20px 0 20px 0;position:relative;}

header h3 {  display: block;  width: 150px;  height: 150px; margin-top:0px; margin-bottom:-18px; padding:-10px 0 0px 5px;float: left; z-index: 10;}  
header h3 a {  background: url(../images/smile_icon150.png) left top no-repeat;  display:block;  width:150px; height:150px;}
header h3 a:hover { background-position: right top;}  


.boxes{ position:relative; overflow:hidden; margin:0 auto; width:940px; padding:20px 0 20px 0; z-index:1;}
.space{ margin-right:20px;}
	.boxes .box{ width:300px;position:relative; float:left; box-shadow:0 3px rgba(0,0,0,0.2); color:#fff;border-top: 0px solid #756350;overflow: hidden;}
	.boxes .bgbox{ height:0; width:100%; position:absolute; bottom:0px; z-index:2;}
		.part1{padding: 20px 15px 20px 25px;background: url('../images/button1.gif') repeat-x #0a8aca;}
	.part1 .title-1{ padding-bottom:3px;}
	.part2{z-index:999; position: absolute;width: 100%;left: 0%;opacity: 0.5;top: 700px;}
	.part2 .inner{padding: 15px 0 0 25px;}
  .title-2{margin-bottom: 10px;}
	.text-2{padding-right:20px;padding-bottom: 5px;}
  .box:hover .part2{opacity: 1;top: 0;height: 100%;}
  .boxbutton{}
		.boxbutton a{ display:inline-block; line-height:1.2em; font-size:18px; color:#fff; text-transform:uppercase; background:url(../images/boxbutton.jpg) 0 0 repeat-x; padding:5px 20px 8px 15px; letter-spacing:-1px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
		.boxbutton a:hover{ background:#0ea1d5; text-decoration:none;}
	.title-1, .title-2{ line-height:1.2em; color:#fff; font-size:22px; text-transform:uppercase; letter-spacing:-1px;}
.box-1{}
	.box-1 .part2{ background:#0d99d1;}
.box-2{}
	.box-2 .part2{ background:#068ec9;}
  .box-2 .part1{background: url('../images/button1.gif') repeat-x #0462b4;}
.box-3{}
	.box-3 .part2{ background:#026baa;}
  .box-3 .part1{background: url('../images/button1.gif') repeat-x #014189;}
.bg{ background:url(../images/bg2.png) 0 0 no-repeat; width:940px; height:40px; margin:0 auto;}
.ribbon { background:url(../images/image_ribbon_br.gif) 0 0 no-repeat; width:300px; height:50px; text-indent:5px;font-size:20px;color:#FFFFFF;padding:18px 0px 18px 0px;}
		.ribbon a{ color:#FFF; text-decoration:none;display:block;width:300px;text-align:center;}

/********************** Content ************************/
.frame-2{background: url('../images/lib/frame2.gif'); width:270px;height:50px;padding:15px;text-indent:5px;font-size:30px;color:#2f1e2b;}
.frame-3{background: url('../images/lib/frame3.gif'); width:270px;height:50px;padding:15px;text-indent:5px;font-size:30px;color:#2f1e2b;}
.frame-4{background: url('../images/image_blank.gif'); width:280px;height:150px;}

.frame10t{background: url('../images/frame10_top.png') no-repeat; width:300px;height:70px;}
.frame10m{background: url('../images/frame10_middle.png') ; margin-top:0px;width:220px;padding:5px 40px 5px 40px;font-size:14px;color:#2f1e2b;}
.frame10b{background: url('../images/frame10_bottom.png') no-repeat; width:300px;height:70px;}
.frame12ts{background: url('../images/frame12_top_s.png') no-repeat; width:160px;height:22px;padding:18px 30px 0px 30px;font-size:20px;color:#2f1e2b;}
.frame12ms{background: url('../images/frame12_middle_s.png'); margin-top:0px;width:190px;padding:5px 15px 5px 15px;font-size:14px;color:#2f1e2b;line-height:1.8em; }
.frame12bs{background: url('../images/frame12_bottom_s.png') no-repeat; width:220px;height:40px;}
.frame13t{background: url('../images/frame13_top.png') no-repeat; width:300px;height:65px;}
.frame13m{background: url('../images/frame13_middle.png') ; margin-top:0px;width:220px;padding:5px 40px 5px 40px;font-size:18px;color:#FFF;}
.frame13b{background: url('../images/frame13_bottom.png') no-repeat; width:300px;height:57px;}
.frame12m a{background: url('../images/images/house7i.png');width:26px;height:30px;}
.message1 {color:#2f1e2b; font-size:14px;text-align:center;line-height:1.2em;padding:30px 5px 30px 5px;}
address{ display:block; overflow:hidden; font-style:normal;padding:30px 5px 30px 5px;color:#2f1e2b; font-size:14px;text-align:center;line-height:1.2em;font-weight:bold;}
	address span{ display:inline-block; width:66px;}
/*================================>> hovers <<========================================*/
.part2{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
section{ position:relative; }
.contentwood{ background: url(../images/header1.jpg) 50% -25px repeat; width:100%;padding:15px 0 15px 0;position:relative; border-top:1px solid #202024;border-bottom:1px solid #202024;}
.ftmuseo{font-family: 'Museo700'; font-size: 20px;}
.ftmaru{font-family: 'HG丸ｺﾞｼｯｸM-PRO';font-size: 18px;}
.ftazuki{font-family: 'あずきフォント';font-size: 12px;}
.ftyuki40{font-family: 'ＤＦＧロマン雪W9',bokutachi;font-size: 30px;line-height:1.2em;}
.ftrelax{font-family: 'GauFontRelax';font-size: 12px;}
section#content{overflow:hidden; position:relative;}
section#content.bg3{ background:url(../images/content.png) 50% 0 repeat-x;}
section#content.padcontent{padding:10px 0 10px 0;}
section#content.padcontent2{padding:10px 0 10px 0;}
section#content.padcontent3{padding:5px 0 5px 0;}
section#content.padcontent4{padding:5px 0 10px 0;}
section#content.padcontent5{padding:43px 0 50px 0;}
section#content.padcontent6{padding:43px 0 0px 0;}
aside{ width:100%; position:relative;  background:url(../images/) 0 0 repeat; padding:47px 0 69px 0; border-top:7px solid #151519;}
.list-1 li{ background:url(../images/marker.png) 1px 4px no-repeat; padding:0 0 9px 12px; font:12px/15px Arial, Helvetica, sans-serif;}
.list-1 li a{color:#9da1aa;}
	.list-1 li a:hover{color:#fff;}
.list-2, .nav.list-2{ padding:12px 0 12px 0 !important; margin:3px 0 0 0;background:#131316;}
	.nav.list-2 li{ float:none; margin:0; padding:0;}
	.list-2 li a, .nav.list-2 li a{color:#fff; display:block;background:#131316; padding:4px 10px 5px 14px; font-size:18px; line-height:1.2em; text-transform:uppercase;}
	.list-2 li a:hover, .nav.list-2 li a:hover, .nav.list-2 li a.current{ background:#0ea1d5; text-decoration:none;color:#fff;}
.list-3 { padding:9px 0 0 0;}
	.list-3 li{ padding:9px 0 12px 0; border-bottom:1px solid #434753;}
	.list-3 li.last{ border-bottom:none;}
	.list-3 li a:hover{ text-decoration:none; color:#fff;}
.tooltips{ padding:6px 0 0 0;}
.tooltips li{ padding:0px 0 5px 0;}
	.tooltips li span{ display:inline-block; padding:0px 0 0 9px;}
	.tooltips li a{ color:#9da1aa;}
	.tooltips li a:hover{ text-decoration:none; color:#fff;} 
.box2 h4{ padding-bottom:2px;}
	.box2 .wrapper{ padding-bottom:2px;}
.box3{ padding:5px 0 0 0;}
	.box3 h4{ padding:9px 0 0 5px;}
	.box3 h4 span{ display:inline-block; padding-bottom:3px;}
	.box3 p{ padding:10px 0 57px 0;}
.box4 h4{ padding-bottom:0px;}
	.box4 h4 span{ display:inline-block; padding-bottom:3px;}
	.box4 p{ padding-bottom:0;}
	.box4 article{ padding:0 0 24px 0;}
	.box4 .fleft{ padding:5px 19px 0 0;}
	.box4 p a:hover, .box5 p a:hover{ text-decoration:none; color:#fff;}
.box5 article{ padding:1px 0 20px 0;}
	.box5 .fleft{ width:69px;}
	.box5 p{ padding-bottom:0;}
.col-1{float:left;width:184px;margin-right:19px; padding:2px 55px 0 0;background:url(../images/arrow.png) 100% 44% no-repeat;}
	.col-1 strong{ margin:0px 14px 0 1px;}
	.col-1 span{ display:inline-block; margin-top:20px;}
.col-2{ padding:0px 0 0 0; overflow:hidden;}
	.col-2 span{ display:inline-block; padding-bottom:3px;}
.map{ padding:3px 0 0 0;}
	.map iframe{ width:435px; height:329px;}

.box-p{ padding-bottom:21px;}
.tabs2{ height:320px;}
.tabs2 .list-3 { padding:9px 0 0 0 !important;}
	.tabs2 .list-3 li{ padding:9px 0 12px 0 !important; margin:0; float:none; background:none; border-bottom:1px solid #434753;}
	.tabs2 .list-3 li.last{ border-bottom:none;}
	.tabs2 .list-3 li a{ background:none;color:#0ea1d5; padding:0; display:inline-block;}
	.tabs2 .list-3 li a:hover{ text-decoration:none; background:none; color:#fff;}
/*  Buttons */
.button{  display:inline-block; background:url(../images/button.jpg) 0 -26px repeat-x #ccc; font:12px/18px Arial, Helvetica, sans-serif;  padding:4px 0px 4px 8px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 2px 2px rgba(0,0,0,0.5); margin:0 1px 3px 0;color:#161519;}
	.button span{ display:inline-block; background:url(../images/button-arrow.png) 0 -11px no-repeat; width:13px; height:11px; margin:5px 0 0 9px;}
	.button:hover{background:url(../images/button.jpg) 0 0 repeat-x; text-decoration:none; color:#fff;}
		.button:hover span{background:url(../images/button-arrow.png) 0 0 no-repeat;}
.button1{  display:inline-block; background:url(../images/button.jpg) 0 0 repeat-x; font:12px/18px Arial, Helvetica, sans-serif; color:#fff; padding:4px 0px 4px 8px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 2px 2px rgba(0,0,0,0.5); margin:0 1px 3px 0;}
	.button1 span{ display:inline-block; background:url(../images/button-arrow.png) 0 0 no-repeat; width:13px; height:11px; margin:5px 0 0 9px;}
	.button1:hover{background:url(../images/button.jpg) 0 -26px repeat-x; text-decoration:none; color:#161519;}
		.button1:hover span{background:url(../images/button-arrow.png) 0 -11px no-repeat;}
	.link1:hover{color:#fff; text-decoration:none;}
/******************** Footer ******************/
.footmenu{ position:relative; overflow:hidden;}
.footmenu ul{ position:relative; float: left;left: 50%;}
	.footmenu ul li{  position:relative; float:left;left:-50%;background:url(../images/topmenu.jpg) 100% 5px no-repeat; padding: 5px 10px 5px 10px;}
	.footmenu li.last{ background:none;}
		.footmenu li a{ color:#FFF;}
		
			.footmenu li a:hover{ text-decoration:none;color:#0ea1d5;}
footer{ margin:0px;width:100%; position:relative; overflow:hidden; background: #e6e6e6 url(../images/header_bg.png) repeat;color:#9da1aa;
 font:16px/18px Arial, Helvetica, sans-serif; padding:20px 0 40px 0; }
footer a{ color:#fff;}



/** padding **/
.imgindent{ float:left; margin:3px 7px 0 0;}
.imgindent-1{margin:7px 31px 0 17px;}
.imgindent-2{margin:7px 27px 0 27px;}
.imgindent-3{margin:7px 21px 0 32px;}
.imgindent-4{margin:7px 35px 0 24px;}
.padtop{ padding-top:1px;}
.padtop2{ padding-top:42px;}
.padtop22{ padding-top:45px;}
.padtop4{ padding-top:30px;}
.padtop3{ padding-top:62px;}
.padbot4{ padding-bottom:2px;}
.padbot3{ padding-bottom:11px;}
.padbot{ padding-bottom:17px;}
.padbot2{ padding-bottom:30px;}
.padbot0{ padding-bottom:0;}
.spacing { margin-right: 15px;}
.imgindent3{margin:0 19px 10px 0;}
.imgindent4{margin:0 0px 10px 19px;}
.imgindent60{margin:0 0px 10px 60px;}
.padtop0{ padding-top:20px;}
.p1{ padding:20px 0 30px 0;}

.padbot5{ padding-bottom:18px;}
/* Left & Right alignment */
.blockquote{display:block;quotes:none;font-size:26px; color:#fff;line-height:30px;font-weight:normal;background:none !important;padding:0 !important;}
.quotes{background: url(../images/bgQuotes.png) 0 0 repeat;padding:25px 20px 34px 33px;position:relative; margin:3px 0 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.quotes span{ display:block; background:url(../images/qoutes.png) 0 0 no-repeat; width:26px; height:26px; left:36px; bottom:-26px; position:absolute;}
.comment{ text-align:right; padding:21px 33px 37px 0; }	
	.comment strong{color:#9da1aa;}
	.comment a{ color:#fff; font-weight:normal;}
.top1{background:url(../images/top.png) 0 60% no-repeat;padding:0 0 0px 15px;text-decoration:none;color:#0ea1d5;display:inline-block;font-size:11px;text-transform:uppercase;}
.top1:hover{color:#fff; text-decoration:none;}
.line3{ border-bottom: 1px solid #454955; width:950px; position:relative; margin:0 auto; margin-bottom:20px;}
.bordebottom2{ border-bottom: 1px solid #454955; margin-bottom:20px;}
.img-404{ margin:7px 0 0 1px;}
.title2{ font-size:86px; text-transform:none; padding:30px 0 0 0; letter-spacing:-3px;}
.text404 h2{ font-size:36px; padding:15px 0 18px 0; letter-spacing:-1px;}
.text404 p{ font:20px/24px Arial, Helvetica, sans-serif; padding-bottom:20px;}
.text404 div{ font:18px/24px Arial, Helvetica, sans-serif;}
.padding{padding:0 26px 10px 19px}

.bgfigure{position:relative;}
.bgfigure a{ position:relative;}

/*  Dropcaps style */
.dropcap{font-size:60px;line-height:1.2em;color:#fff;float:left;text-align:center;width:75px; height:76px;padding:0;margin:0 16px 0 0;background:#0ea1d5;text-transform:uppercase;border-radius:38px;-moz-border-radius:38px;-webkit-border-radius:38px;}
	.dropcap span{ display:inline-block; margin-top:-2px; padding-left:3px;}


#table1,#table2,#table3,#table4,#table5{
	width: 100%;
	border-collapse: collapse;
}
#table1 tr,#table2 tr,#table3 tr,#table4 tr{
	padding-bottom:10px;
	background: #a5c9c2;
}
#table5 tr{
	padding-bottom:5px;
	background: #a5c9c2;
}
#table1 td,#table2 td,#table3 td,#table4 td,
#table1 th,#table2 th,#table3 th,#table4 th{
	color: #373737;
	background: #FFF;
	font-size: 14px;
	padding: 10px;
	border: 2px solid #373737;
}
#table5 td,
#table5 th{
	color: #373737;
	background: #FFF;
	font-size: 14px;
	padding: 15px;
	border: 1px solid #373737;
}

#table1 th,#table2 th,#table3 th,#table4 th{
	font-size: 18px;
	font-weight:bold;
	background: #FFF;
}
#table5 th{
	font-size: 14px;
	font-weight:normal;
	background: #FFF;
}
#table1 thead th,#table2 thead th,#table3 thead th,#table4 thead th,#table5 thead th{
	color: #FFF;
	background:#a5c9c2;
}
#table1_card{
	width: 100%;
	border-collapse: collapse;
}
#table_card tr{}

#table_card td, #table_card th{
	color: #373737;
	background: #FFF;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #373737;
}

#table_card th{
	font-size: 14px;
	font-weight:normal;
	background: #a5c9c2;
}
  /*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .boxes, .main, .main2, .bg{width: 768px;}
 .boxes .box, .boxes .box, .boxinner, .part2{width: 242px;}
 .tabs2{ height:auto;}
 .col-1{width: 138px;}
 .col-2{padding-top: 100px;}
 .dropcap{margin-bottom: 20px !important;}
 .map{ padding:3px 0 0 0;}
	.map iframe{ width:300px; height:329px;}
  #contact-form input, #contact-form textarea{width: 220px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .boxes, .main, .main2, .bg{width: 420px;}
 .boxes .box, .boxes .box, .boxinner, .part2{width: 100%;}
 .box-1{background-size: contain;}
 .space{margin: 0 0 20px;}
 .boxes .box img{width: 100%;}
 header h1{float: none;}
 header h1 a{margin: 0 auto;}
 aside .container_12 .grid_2{width: 50%;float: left;}
 .col-1{width: 100%;float: none;margin-bottom: 30px;}
 .col-2{padding-top: 0;}
 aside{padding: 30px 0 0px;}
 footer{padding: 30px 0;}
 section#content.padcontent{padding:40px 0 10px 0;}
 section#content.padcontent2{padding: 10px 0;}
 .padtop2{padding: 0;}
 .map{float: none !important;margin-bottom: 30px;}
 .map iframe{ width:100%; height:329px;}
 address{padding: 0;}
 #contact-form input, #contact-form textarea{width: 403px;}
 .topmenu {float: none !important;}
 .display1 {display:inline;}
img.w140{width:300px;}

	#table1, #table2, #table3, #table4, #table5{
		display: block;
	}
		#table1 thead, #table2 thead, #table3 thead, #table4 thead, #table5 thead{
			display: none;
		}
		#table1 tbody, #table2 tbody, #table3 tbody, #table4 tbody, #table5 tbody{
			display: block;
		}
			#table1 tbody tr, #table2 tbody tr, #table3 tbody tr, #table4 tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table5 tbody tr{
				display: block;
				margin-bottom: 1.2em;
			}
			#table1 tbody th, #table2 tbody th, #table3 tbody th, #table4 tbody th, #table5 tbody th,
			#table1 tbody td, #table2 tbody td, #table3 tbody td, #table4 tbody td, #table5 tbody td{
				display: list-item;
				border: none;
			}
			#table1 tbody th, #table2 tbody th, #table3 tbody th, #table4 tbody th{
				margin-bottom: 2px;
				padding:15px;
				list-style-type: none;
				color: #373737;
				background: #a5c9c2;
			}
			#table5 tbody th{
				margin-bottom: 1px;
				padding:5px;
				list-style-type: none;
				color: #373737;
				background: #a5c9c2;
			}
			#table1 tbody td, #table2 tbody td, #table3 tbody td, #table4 tbody td{
				list-style-type: none;
				margin: 0px 5px 0px 5px;
				padding: 5px;
				line-height:1.5em;
			}
			#table5 tbody td{
				list-style-type: none;
				margin: 0px 5px 0px 5px;
				padding: 15px;
				line-height:1.2em;
			}			
			#table1 tbody td:nth-of-type(1):before { content: "【価　格】"; }
			#table1 tbody td:nth-of-type(2):before { content: "【詳　細】"; }
			#table1 tbody td:nth-of-type(3):before { content: "【備　考】"; }
			
			#table2 tbody td:nth-of-type(1):before { content: "【ページ数】"; }
			#table2 tbody td:nth-of-type(2):before { content: "【セット料金】"; }
			#table2 tbody td:nth-of-type(3):before { content: "【詳　細】"; }
			#table2 tbody td:nth-of-type(4):before { content: "【内　訳】"; }
			
			#table3 tbody td:nth-of-type(1):before { content: "【価　格】"; }
			#table3 tbody td:nth-of-type(2):before { content: "【詳　細】"; }
			#table3 tbody td:nth-of-type(3):before { content: "【支払方法】"; }
			
			#table4 tbody td:nth-of-type(1):before { content: "【価　格】"; }
			#table4 tbody td:nth-of-type(2):before { content: "【一括支払】"; }
			#table4 tbody td:nth-of-type(3):before { content: "【詳　細】"; }
.chair{	display: none;}
.frame12ts{background: url('../images/frame12_top.png') no-repeat; width:220px;height:35px;padding:20px 40px 0px 40px;font-size:20px;color:#2f1e2b;}
.frame12ms{background: url('../images/frame12_middle.png'); margin-top:0px;width:220px;padding:5px 40px 5px 40px;font-size:16px;color:#2f1e2b;line-height:1.8em; }
.frame12bs{background: url('../images/frame12_bottom.png') no-repeat; width:300px;height:55px;}
			
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .boxes, .main, .main2, .bg,#table1,#table2,#table3{width: 300px;}
#contact-form input, #contact-form textarea{width: 283px;}
#map{width:280px;height:280px;}
.w100	{ width: 280px; display: inline-table; margin:0 auto; }
.w150	{ width: 280px;	display: inline-table; margin:0 auto; }
.w200	{ width: 280px;	display: inline-table; margin:0 auto; }
.w250	{ width: 280px;	display: inline-table; margin:0 auto; }
.w300	{ width: 280px;	display: inline-table; margin:0 auto; }
.w350	{ width: 280px;	display: inline-table; margin:0 auto; }
.w400	{ width: 280px; display: inline-table; margin:0 auto; }
.w500	{ width: 280px; display: inline-table; margin:0 auto; }
.w600	{ width: 280px; display: inline-table; margin:0 auto; }
.w700	{ width: 280px; display: inline-table; margin:0 auto; }
.w800	{ width: 280px; display: inline-table; margin:0 auto; }
.w850	{ width: 280px; display: inline-table; margin:0 auto; }
.w900	{ width: 280px; display: inline-table; margin:0 auto; }
img{padding: 10px 0; max-width:300px;}
.inone	{ display: none; }
.ic{text-align:center;}
.fr,.fl{float:none;}
.ifr{float:right;}
.ifl{float:left;}
.iac { text-align:center;}
.iar { text-align:right;}
.ial { text-align:left;}
.ifs12	{ font-size:12px; }
.ipd10{ padding:10px;}
.iml150{padding-left:150px;}
.imr20{padding-right:20px;}


.pd5,.pd10,.pd20,.pd30,.pd40{ padding-bottom:0px;padding-right:0px;padding-left:0px;}
.pt5,.pt10,.pt20,.pt30,.pt40{ padding-top: 0px;}
.pl5,.pl10,.pl20,.pl30,.pl40{ padding-left:0px;}
.pr5,.pr10,.pr20,.pr30,.pr40{ padding-right:0px;}
.mt5,.mt10,.mt20,.mt30,.mt40{ margin-top: 0px;}
.mr5,.mr10,.mr20,.mr30,.mr40{ margin-right: 0px;}
.ml5,.ml10,.ml20,.ml30,.ml40{ margin-left: 0px;}
.mt1,.mb0,.mr0,.ml0{ margin: 0px;}
.ipt10	{ padding-top: 10px;}
.ipt20	{ padding-top: 20px;}
.ipl20  { padding-left: 20px;}
.ipr20  { padding-right: 20px;}
.ipb20	{ padding-bottom: 20px;}
.imt10	{ margin-top: 10px;}
.imt20	{ margin-top: 20px;}
.imt30	{ margin-top: 30px;}
.imt40	{ margin-top: 40px;}
.imb10	{ margin-bottom: 10px;}
.imb20	{ margin-bottom: 20px;}
.imb30	{ margin-bottom: 30px;}
.imb40	{ margin-bottom: 40px;}

.imt0	{ margin-top: -40px;}
.ft16,.ft18,.ft20{font-size:14px;}
.lh5{line-height:1.2em;}
.imgh200	{  height:100%;	 width:300px;}
.backimg{background:none;}

}

@media only print {
header{display:none;}

}

