/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-download:before {
	content: "\00ed";
}
.icon-customize:before {
	content: "w";
}
.icon-iphone:before {
	content: "T";
}


/* ------ General Settings ------ */



body {
	color:#666;
	margin:0;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;
}

/* ------ Header ------ */

header {
	width: 100%;
	background-color: #fff;
}

#header-inner {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#tagline {
	float: right;
	padding-top: 6px;
	line-height: 100%;
	font-size: 75%;
	color: #999;
}

#logo {
	padding:10px 0 0 0;
}

#logo a {
	display: block;
	max-width: 950px;
}

#logo-sp {
	display:none;
}



.navwrapper{
	width: 100%;
	margin: 0 auto;
	background-color:#222;
}
.navbar{
	width: 950px;
	text-align:center;
	margin: 0 auto;
	overflow: hidden;
}





#gnav {
	clear: both;
	width: 100%;
	margin: 0;
	background-image:url(../img/page/gnav-bg.jpg);
}

#gnav nav {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#gnav nav ul {
	float: left;
	border-right: solid 1px #fff;
	margin: 0;
	padding:0;
}

#gnav nav ul li {
	float: left;
	list-style-type:none;
}

#gnav nav ul li a {
	color:#FFFFFF;
	text-align:center;
	width:157px;
	line-height:40px;
	display: block;
	padding: 0;
	border-left: solid 1px #fff;
	font-size: 100%;
}
#gnav nav ul li a:link,
#gnav nav ul li a:visited {
	background-image:url(../img/page/gnav-bg.jpg);
	color: #fff;
	text-decoration: none;
}
#gnav nav ul li a:hover,
#gnav nav ul li a:active,
#gnav nav ul li a.current {
	background-image:url(../img/page/gnav-bg-over.jpg);
	color: #fff;
	text-decoration: none;
}


/* ------ Contents ------ */

#contents {
	width: 950px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}

#left-column {
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

article section {
	padding: 0 0 30px;
}

article section:first-child {
	border-top: none;
}

#contents-title {
	margin-top:30px;
	padding: 10px 0 20px;
	font-size: 150%;
	font-weight: bold;
	line-height: 100%;
	color: #000;
}

#index-h2-title {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	margin-top:0;
	padding: 10px 0 30px 0;
	font-size: 180%;
	font-weight:bold;
}

#index-pr {
	padding: 0;
	font-size: 100%;
	margin:0 0 30px 0;
}
.box01{
	margin:10px;
	color:#FFFFFF;
}

.img-center{
	text-align:center;
	margin: 0 auto 0 auto;
}

.point{
	margin:0 100px 0 100px;
	margin-bottom:20px;
}

#pan{
	font-size:12px;
	text-align:left;
}


.title{
	font-size:20px;
	line-height:50px;
	padding:16px 0 0 80px;
	color:#669933;
	font-weight:bolder;
}

.title03{
	color:#FFF;
	height:40px;
	line-height:40px;
	margin:0 0 10px 0;
	padding:0 0 0 40px;
	background-image:url(../img/page/title03.jpg);
}
.title04{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:120%;
	color:#900;
	font-weight:bold;
	height:40px;
	line-height:40px;
	margin:0 0 10px 0;
	padding:0 0 0 6px;
	border-bottom:#990000 solid 3px;
}


.btn-contact {
	margin:100px auto 50px auto;
	text-align:center;
}
.btn-contact img{
	width:203px;
	height:auto;
}


.flow{
	margin:-140px 20px 0 20px;
	line-height:180%;
}


.faq{
	margin:10px 0 10px 0;
}
.faq .question{
	font-weight:bold;
	line-height:34px;
	margin:20px 0 0 0;
	padding-left:40px;
	background-image:url(../img/index/faq/faq-question.jpg);
	background-repeat:no-repeat;
}
.faq .answer{
	line-height:34px;
	padding-left:40px;
	background-image:url(../img/index/faq/faq-answer.jpg);
	background-repeat:no-repeat;
}
.dotted{
	margin:10px 0 10px 0;
	border-bottom:#666666 1px dotted;
}

.terminology{
	margin:10px 0 10px 0;
}
.terminology .name{
	color:#FF6600;
	font-weight:bold;
	line-height:1.5em;
	margin:20px 0 0 0;
	padding:5px 0 4px 0;
}
.terminology .explanation{
	line-height:1.5em;
	padding:5px 0 4px 0;
}

#pr{
	font-size: 120%;
	line-height: 180%;
	font-weight:bold;
	margin:0 0 20px 0;
}
p {
	font-size: 100%;
	line-height: 160%;
	margin:12px 0 20px 0;
}
.more{
	text-align:right;
	margin:0 0 20px 0;
	padding:0 20px 0 0;
	background-image:url(../img/page/more.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.more a{
	color:#000;
}
.waku{
	border: solid 1px;
}


.page-up{
	text-align:right;
	font-size:13px;
	margin:0 0 40px 0;
	padding:0 14px 0 0;
	background-image:url(../img/page/page-up.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
.page-up a{
	color:#000;
}


.small{
	font-size:85%;
}
.size120{
	font-size:120%;
}
.size150{
	font-size:150%;
}
.bold{
	font-weight:bolder;
}






table{
	margin:0 0 10px 0;
}
td{
	font-size:90%;
}
.more-table{
	text-align:right;
	margin:0 ;
	padding:0 20px 0 0;
	background-image:url(../img/page/more-table.png);
	background-repeat:no-repeat;
	background-position:right;
}
.more-table a{
	color:#fff;
}


/* ------ トップページ表 ------ */
.list {
width: 100%;
height: 180px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom:20px;
border: 0;
text-algin: left;
background-color:#666;
}
.list .pic {
width: 240px;
height: 180px;
border:0;
margin: 0;
padding:0;
float: left;
text-algin: left;
}
.list .text {
width: 400px;
height: auto;
border:0;
margin: 0;
padding:20px;
float: left;
text-algin: left;
color:#fff;
background-color:#666;
}
.list .text p{
font-size:90%;
margin:0 0 10px 0;
}
.more-text{
text-align:right;
margin:0 ;
padding:0 20px 0 0;
background-image:url(../img/page/more-table.png);
background-repeat:no-repeat;
background-position:right;
}
.more-text a{
color:#fff;
}
.clear{
width: 100%;
height:2px;
clear:both;
text-algin: center;
padding: 0;
}

/* ------ 表３列 ------ */
.list03 {
text-algin:center;
width: 100%;
height: auto;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom:20px;
border: 0;
}
.list03 a {
	text-algin:center;
	font-size: 90%;
	}
.list03 .pic01, .list03 .pic02 {
width: 200px;
height: auto;
border:0;
margin: 0 20px 0 0;
padding:0;
float: left;
text-algin:center;
}
.list03 .pic03 {
width: 200px;
height: auto;
border:0;
margin: 0;
padding:0;
float: left;
text-algin:center;
}

/* ------ 表2列 ------ */
.list02 {
font-size: 90%;
text-algin:center;
width: 100%;
height: auto;
margin: 0;
border: 0;
float: left;
}
.list02 .pic01 {
width: 300px;
height: auto;
border:0;
margin: 0 40px 0 0;
padding:0;
float: left;
text-algin:center;
}
.list02 .pic02 {
width: 300px;
height: auto;
border:0;
margin: 0;
padding:0;
float: left;
text-algin:center;
}

/* ------ 表2列フリー ------ */
.list02free {
font-size: 90%;
text-algin:center;
width: 100%;
height: auto;
margin: 0 auto 30px auto;
border: 0;
float: left;
}
.list02free .pic01 {
width: auto;
height: auto;
border:0;
margin: 0 30px 0 0;
padding:0;
float: left;
text-algin:center;
}
.list02free .pic02 {
width: auto;
height: auto;
border:0;
margin: 0;
padding:0;
float: left;
text-algin:center;
}
.list02free .pic169 {
	width: auto;
	margin: 0;
}
.list02free .pic199 {
	width: 199px;
	margin: 0 25px 0 0;
	float: left;
}


.btn {
	width: 250px;
	height: 40px;
	margin: 20px auto 0;
	padding: 5px;
	background-color: #ccc;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2) inset;
	border-bottom: solid 1px #fff;
	font-size: 90%;
}

.btn a {
	display: block;
	width: 250px;
	height: 40px;
	border-bottom: solid 1px #800;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px #700;
	text-shadow: 0px -1px 0px #700;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.btn a:link,
.btn a:visited {
	color: #fff;
	text-decoration: none;
	background: url() repeat-x #c00;
	background: -moz-linear-gradient(top, #c00, #900);
	background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#900));
	background: -webkit-linear-gradient(top, #c00, #900);
	background: linear-gradient(to bottom, #c00, #900);
}
.btn a:hover,
.btn a:active {
	color: #fff;
	text-decoration: none;
	background: url() repeat-x #d00;
	background: -moz-linear-gradient(top, #d00, #a00);
	background: -webkit-gradient(linear, left top, left bottom, from(#d00), to(#a00));
	background: -webkit-linear-gradient(top, #d00, #a00);
	background: linear-gradient(to bottom, #d00, #a00);
}





/* ------ right Column ------ */

#right-column {
	float: right;
	width: 250px;
}
#office{
	float: left;
	width: 100%;
}
#news{
	margin-top:50px;
	float: right;
	font-size:90%;
}
.widget-content ul {
	width:100%;
    margin: 0;
    padding: 0;
    list-style: none;
	border-bottom:dotted 1px;
}
.widget-content ul li{
	margin: 0;
	padding: 0;
	border-top:dotted 1px;
}
#navi-side{
	margin-bottom:30px;
}
.navi01 a{
	height:40px;
	line-height:40px;
	padding:0 0 0 10px ;
}
.navi01 a:hover{
	height:40px;
	line-height:40px;
	background-color: #FFC;
}
.navi02 a{
	height:40px;
	line-height:40px;
	padding:0 0 0 30px ;
}
.navi02 a:hover{
	height:40px;
	line-height:40px;
	background-color: #FFC;
}

#right-column-inner #navi-side ul li a{
	height:40px;
	line-height:40px;
	margin:0;
	display: block;
}
#right-column-inner #navi-side ul li a:link,
#right-column-inner #navi-side ul li a:visited{
	text-decoration: none;
}
#right-column-inner #navi-side ul li a:hover{
	color:#000;
	background-color:#f7f7f7;
	text-decoration: none;
}






#front-gallery {
	font-size:90%;
	line-height:120%;
	margin:0 0 20px 0;
}
#front-gallery img{
	margin:0 0 10px 0;
}

#add{
	font-size:90%;
}
#tel{
	margin-top:10px;
	font-size:135%;
}
#mobile{
	font-size:135%;
}
#open{
	font-size:84%;
}



.line{
	border-bottom: dotted 1px;
	margin:10px 0 10px 0;
}



/* ------ contactページ ------ */
#telfax{
	text-align:center;
	font-size:150%;
	line-height:1.5em;
}





/* ------ Footer ------ */

footer {
	width: 100%;
	background-image:url(../img/page/footer-bg.jpg);
	background-repeat:repeat-x;
}

#footer-inner {
	width: 950px;
	margin: 0 auto;
	padding:0;
}

#footer-bana {
	width:341px;
	margin: 0 0 5px 0;
	padding:0;
	float:left;
}
#footer{
	margin:0;
	background-color:#666666;
}
#box01{
	float:right;
	color:#FFF;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
	width:250px;
	margin:10px 0 0 50px;
}
#box02{
	float:right;
	color:#FFF;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
	width:180px;
	margin:10px 0 0 0;
}
#box01 a{
	color:#FFF;
}

footer ul li{
	list-style-type:none;
}
footer ul li a:link,
footer ul li a:visited{
	color: #fff;
}

#copyright {
	text-align: right;
	margin:50px 0 0 0;
	font-size: 60%;
	color: #fff;
}
#copyright a:link,
#copyright a:visited{
	color: #fff;
}

.clear{
	clear:both;
}


@media print{
  .thrColAbsHdr #navi {
	  display:none;
  }
}


/* iPhone　w320 h480------------------------------------------------------ */
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
	body{
		display:block;
		margin:0 10px 0 10px;
		padding:0;
		font-size: 16px;
		line-height:28px;
	}
	img{
	width:100%;
	height:auto;
	}
	
	#tagline{
		display:none;
	}
	.thrColAbsHdr #container #header {
	width:100%;
	margin:0;
	}
	#header-inner {
	width:100%;
	margin:0;
	}
	#logo {
	display:none;
	}
	#logo-sp {
	display:block;
	}
	#logo-sp img {
	width:100%;
	height:auto;
	}
	#contents{
	width:100%;	
	}
	.title03{
	color:#FFF;
	height:auto;
	line-height:1em;
	margin:0 0 10px 0;
	padding:10px 10px 10px 40px;
	background-image:url(../img/page/title03.jpg);
	background-repeat:no-repeat;
	background-color:#663333;
	}
	.title04{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	color:#900;
	font-weight:bold;
	line-height:20px;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	border-bottom:#990000 solid 3px;
	}
	#left-column {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	}
	#right-column {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	}
	#front-gallery{
	font-size:130%;
	}
	#footer-inner {
	width: 100%;
	}
	.btn-contact {
	margin:50px auto 50px auto;
	text-align:center;
	width: 80%;
	}
	#footer-inner img{
	width:100%;
	height:auto;
	}
	#footer-bana {
	width:100%;
	margin: 0;
	padding:0 ;
	float:none;
	}
	#footer #box01,
	#footer #box02,
	#copyright a{
	display:none;
	}
	#copyright {
	text-align: center;
	margin:0;
	font-size: 60%;
	}
	#right-column-inner img{
	width:100%;
	height:auto;
	}
	#office{float: left; width: 100%; margin:0;}
	
	
	
	td{
	font-size:100%;
	}
	
	#index-h2-title {
	font-size: 158%;
	}



	
	/* ------ トップページ表 ------ */
	.list {
width: 100%;
height: 180px;
margin-top: 10px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
border: none;
text-algin: left;
background-color:#666;
}
.list .pic {
width: 100%;
height: auto;
border:none;
margin: 0;
padding:0;
float: left;
text-algin: left;
}
.list .pic img{
width: 100%;
height: auto;
}
.list .text {
width: 100%;
height: auto;
border:none;
margin: 0;
padding:20px;
float: left;
text-algin: left;
color:#fff;
background-color:#666;
}
.clear{
height:30px;
}


/* ------ 表３列 ------ */
.list03{
margin-bottom:0;
}
.list03 a {
	text-algin:center;
	font-size: 120%;
	}
.list03 .pic01, .list03 .pic02 {
width: 100%;
height: auto;
border:0;
margin: 0 0 20px 0;
padding:0;
float: left;
text-algin:center;
}
.list03 .pic03 {
width: 100%;
height: auto;
border:0;
margin: 0 0 0 0;
padding:0;
float: left;
text-algin:center;
}
.list03 img{
width: 100%;
height: auto;
}


/* ------ 表2列 ------ */
.list02 a {
	text-algin:center;
	font-size: 120%;
	}
.list02 .pic01 {
width: 100%;
height: auto;
border:0;
margin: 0 0 20px 0;
padding:0;
float: left;
text-algin:center;
}
.list02 .pic02 {
width: 100%;
height: auto;
border:0;
margin: 0 0 20px 0;
padding:0;
float: left;
text-algin:center;
}
.list02 img{
width: 100%;
height: auto;
}


/* ------ 表2列フリー ------ */
.list02free {
margin: 0 auto 0 auto;
}
.list02free a {
	text-algin:center;
	font-size: 120%;
	}
.list02free .pic01 {
width: 100%;
height: auto;
border:0;
margin: 0 0 20px 0;
padding:0;
float: left;
text-algin:center;
}
.list02free .pic02 {
width: 100%;
height: auto;
border:0;
margin: 0 0 20px 0;
padding:0;
float: left;
text-algin:center;
}
.list02free img{
width: 100%;
height: auto;
}
.list02free .pic169 img {
width: 100%;
height: auto;
}
.list02free .pic169 {
	margin: 0 0 20px 0;
}
.list02free .pic199 {
	width: 100%;
	margin: 0 25px 20px 0;
	float: left;
}



.navwrapper{
	width: 100%;
	margin: 0 ;
	background-color:#222;
}
.navbar{
	text-align:left;
	width:auto;
	margin: 0 ;
	overflow: hidden;
}




}