@charset "utf-8";

/* reset
---------------------------------------------------- */
*{
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
}
html{overflow-y:scroll;}
body{
	font-size:80%;
	line-height:180%;
	text-align:center;
	color:#333;
	background-color: #fff;
}
img{border:none;}
body a:link {
  color: #900;
  background: transparent;
}
body a:visited {
  color: #900;
  background: transparent;
}
body a:hover, body a:active {
  color: #900;
  background: transparent;
  text-decoration:none;
}


/* base layout
---------------------------------------------------- */
#wrapper {
	width:754px;
	text-align:left;
	margin:0px auto;
}

h1{
	font-size:x-small;
	font-weight:normal;
	color:#666;
	height:30px;
	line-height:30px;
	overflow:hidden;
}

.navi0{}
.navi1{margin-bottom:11px;}
.navi1e{}
.navi2{padding-left:25px;}
.navi2e{padding-left:25px;margin-bottom:11px;}

#main-body{
	background:url(../images/bg.gif) repeat-y;
	height:1%;
	padding-bottom:20px;
}

#header{
	height:98px;
}

#head-navi{
	text-align:right;
	height:43px;
	line-height:43px;
	font-size:x-small;
}

#head-navi .off:link,
#head-navi .off:visited{
	color:#300;
	text-decoration:none;
}

#head-navi .off:active,
#head-navi .off:hover{
	color:#300;
	text-decoration:none;
	border-bottom:3px solid #666;
}

#head-navi .on:link,
#head-navi .on:active,
#head-navi .on:visited,
#head-navi .on:hover
{
	color:#300;
	text-decoration:none;
	border-bottom:3px solid #666;}

#left-copy{
	font-size:x-small;
	line-height:normal;
	padding-top:15px;
}

#aside{width:164px;
float:left;
}

#article{
	width:565px;
	overflow:hidden;
	float:right;
}

#addshop-qr{
	background:url(../images/qrcode.jpg) no-repeat left;
	_height:46px;
	min-height:46px;
	padding-left:50px;
	font-size:x-small;
	line-height:normal;
}


/* common */
.right{float:right;}
.left{float:left;}
.w183{width:183px;}
.br8{border-right:8px solid #fff;}
.fcred{color:#900;}
.clear{clear:both;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb35{margin-bottom:35px;}
.mb45{margin-bottom:45px;}
.pd5{padding:5px;}
.pagetop{
	padding-top:5px;
	margin-top:5px;
	border-top:1px dotted #666;
	text-align:right;
	font-size:x-small;
	line-height:normal;
}
.link-head-prev:link,
.link-head-prev:active,
.link-head-prev:hover,
.link-head-prev:visited
{
	background:url(../images/head-prev.gif) no-repeat left;
	padding-left:10px;
}
.link-head-next:link,
.link-head-next:active,
.link-head-next:hover,
.link-head-next:visited
{
	background:url(../images/head-next.gif) no-repeat left;
	padding-left:10px;
}
.st1{
	font-size:100%;
	line-height:normal;
	border-left:4px solid #330000;
	color:#330000;
	padding-left:8px;
}

/* index.html
---------------------------------------------------- */
#mainimage { width:561px; /*height:158px;*/ border:1px solid #ccc;}
#top-news-title{
	height:30px;
	overflow:hidden;
}
#top-news-body{
	padding:7px 0px;
	margin:5px 0px;
	border-top:1px dotted #666;
}
#common-body{
	padding:7px 0px;
	margin:5px 0px;
	border-top:1px dotted #666;
}
#common-body1{
	padding:7px 0px;
	margin:5px 0px;
	border-top:1px dotted #666;
}
#common-body2{
	padding:7px 0px;
	margin:5px 0px;
	border-top:1px dotted #666;
}
#common-body3{
	padding:7px 0px;
	margin:5px 0px;
	border-top:1px dotted #666;
}
#tnb-scroll{
	height:120px;
	overflow-x:hidden;
	overflow-y:auto;
}
#top-news-body table{
	border-collapse:collapse;
}
#top-news-body img{vertical-align:middle;}
#top-news-body th{
	font-weight:normal;
	font-size:x-small;
	line-height:normal;
	text-align:left;
	padding:1px 0px;
	width:12%;
	white-space:nowrap;
	vertical-align:top;
}

#top-news-body td{
	font-size:x-small;
	line-height:normal;
	padding:1px 0px;
	vertical-align:top;
}

#top-photo-list{
	padding:15px 0px;
	margin-top:15px;
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
}
#photo-list{
	width:575px;
}
.photo-list-box{
	width:115px;
	text-align:left;
	float:left;
}
.com-list{margin-left:25px;}



/* ext */

@charset "utf-8";

.tar{text-align:right;}
.imgmid img{vertical-align:middle;}
.fsxs{font-size:x-small; line-height:normal;}
.example-box{
	width:188px;
	float:left
}
.example-in{
	padding:8px;
}
.w271{width:271px;}
.w286{width:286px;}
.w90{width:90px;}
.w353{width:353px;}
.w200{width:200px;}
.mb8{margin-bottom:8px;}
.pagetop2{
	padding-top:5px;
	margin-top:5px;
	border-top:1px dotted #666;
	font-size:x-small;
	line-height:normal;
}
.foot-contact{
	/*background:url(../images/footer-contact-icon.gif) no-repeat right top;*/
	_height:66px;
	min-height:66px;
	padding-right:55px;
}
.fc-in{border-left:4px solid #300;
	padding-left:8px;}
	
.search-text{height:25px; width:160px; vertical-align:middle;}
.search-btn{height:27px; vertical-align:middle;}


.faq-box{
	padding:10px;
	border:1px dotted #999;
	margin-bottom:20px;
}
.faq-title{
	background:url(../images/q-head.gif) no-repeat left;
	padding-left:28px;
	color:#300;
	_height:20px;
	min-height:20px;
	font-size:100%;
	line-height:normal;
}

.faq-title2{
	background:url(../images/a-head.gif) no-repeat left;
	padding-left:28px;
	color:#900;
	_height:20px;
	min-height:20px;
	font-size:100%;
	line-height:normal;
}

.faq-text{
	padding-top:8px;
	margin-top:8px;
	border-top:1px solid #300;
}

.tb1 {
	width:100%;
	border-collapse:collapse;
}
.tb1 th,
.tb1 td {
	border:1px solid #ccc;
	padding:4px;
	font-size:90%;
	line-height:normal;
}
.tb1 th {
	font-weight:normal;
	background-color:#efefef;
}
.tb1 th span {
	color:#900;
}

/* hanyo
---------------------------------------------------- */
.pt10 {padding-top:10px;}
.red {color:#900;}
.center {text-align:center;}

.form15 {width:75px;}
.form20 {width:100px;}
.form30 {width:150px;}
.form50 {width:250px;}
.form70 {width:350px;}
.form90 {width:450px;}

/*h3 {
	border-bottom:2px solid #300;
	color:#300;
	padding-top:5px;
	margin-bottom:10px;
	font-size:100%;
}*/

.pagetop2{
	padding-top:5px;
	margin-top:5px;
	border-top:1px dotted #666;
	font-size:x-small;
	line-height:normal;
}
.foot-contact{
	/*background:url(../images/footer-contact-icon.gif) no-repeat right top;*/
	_height:66px;
	min-height:66px;
	padding-right:55px;
}
.fc-in{border-left:4px solid #300;
	padding-left:8px;}

.common-table {
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
}
.common-table th,
.common-table td {
	border:1px solid #ccc;
	padding:5px 10px;
}
.common-table th {
	width:1%;
	white-space:nowrap;
	text-align:left;
	font-weight:normal;
	background-color:#eee;
}
.common-table th span {
	color:#900;
}

/* contact
---------------------------------------------------- */


/* link
---------------------------------------------------- */
.tar{text-align:right;}
.imgmid img{vertical-align:middle;}
.fsxs{font-size:x-small; line-height:normal;}

/*.link-title {
	font-weight:600;
	background-color:#eee;
	padding:2px 10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.link-text {
	margin-bottom:20px;
	padding:2px 10px;
}*/

/* staff
---------------------------------------------------- */
.staff-box {
	padding-top:20px;
}
.staff-box span {
	float:left;
	margin-right:10px;
}
.staff-box .title,
.staff-box2 .title {
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	font-weight:600;
}
.s-btn span {
	background-color:#300;
	padding:1px 5px;
	float:right;
	font-size:x-small;
}
.s-btn span a:link,
.s-btn span a:visited {
	color:#fff;
	text-decoration:none;
}
.s-btn span a:hover {
	text-decoration:underline;
}
.staff-box2 .detail-img {
	text-align:center;
	padding-bottom:10px;
}
.staff-box2 .detail-img img {
	margin:0 5px;
}

@charset "utf-8";

.tar{text-align:right;}
.imgmid img{vertical-align:middle;}
.fsxs{font-size:x-small; line-height:normal;}
.example-box{
	width:188px;
	float:left
}
.example-in{
	padding:8px;
}
.w271{width:271px;}
.w286{width:286px;}
.w90{width:90px;}
.w353{width:353px;}
.w200{width:200px;}
.mb8{margin-bottom:8px;}
.pagetop2{
	padding-top:5px;
	margin-top:5px;
	border-top:1px dotted #666;
	font-size:x-small;
	line-height:normal;
	margin-top: 35px;
}
.foot-contact{
	/*background:url(../images/footer-contact-icon.gif) no-repeat right top;*/
	_height:66px;
	min-height:66px;
	padding-right:55px;
}
.fc-in{border-left:4px solid #300;
	padding-left:8px;}
	
.search-text{height:25px; width:160px; vertical-align:middle;}
.search-btn{height:27px; vertical-align:middle;}


.link-box{
	padding:10px;
	border:1px dotted #999;
	margin-bottom:20px;
}
.link-title{
	border-left:4px solid #300;
	padding-left:6px;
	color:#300;
	font-size:100%;
	line-height:normal;
}

.link-title2{
	background:url(../images/a-head.gif) no-repeat left;
	padding-left:6px;
	color:#900;
	_height:20px;
	min-height:20px;
	font-size:100%;
	line-height:normal;
}

.link-text{
	padding-top:8px;
	margin-top:8px;
	border-top:1px solid #300;
}

#footer {
padding:8px 0px;
font-size: x-small;
line-height: normal;
border-top: 2px solid #300;
margin-top: 1px;
}
#rtpt{
text-align: right;
margin-top: 35px;
}
#rtpt a:link,
#rtpt a:hover,
#rtpt a:active,
#rtpt a:visited{
	padding: 3px 5px;
	background-color: #300;
	color: #fff;
	text-decoration: none;
	font-size: 9px;
	font-family: Arial;
	line-height: normal;
}

.flow-tb{border-collapse:collapse;}
.flow-tb th{
	padding:10px 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.flow-tb td{
	padding:0px 5px;
}
.flow-tb td p{
	margin-bottom:10px;
}
.set-waku{
	background:url(../images/set-waku.gif) no-repeat left;
	padding-left:25px;
	_height:130px;
	min-height:130px;}
.set-waku span{display:block; padding-top:45px;}
.tbbg-brown1{background-color:#eadbce;}
.tbbg-brown2{background-color:#ddba9c;}
.flow-head{
	background-color:#eadbce;
	padding:5px;
	text-align:center;
	margin-bottom:10px
}

.flow-child{
	padding:5px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px
}
.flow-line {background:url(../images/flow-line.gif) repeat-y center;}
.flow-border{ border-bottom:1px solid #999;}