body {
	margin: 0;
	font-family: Helvetica;
	background-color:#FFFFFF;
	color: #000000;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}

img { max-width: 100%; }

li {list-style:none; }
a { color:#2A4B7D; text-decoration:none;}

.mybox{width:20px; height:20px;}
.mytext{font-size:18px;}

dt { font-weight: bold; }
dd { margin-left: 10px; margin-bottom: 10px; }


/* text-Library */
.font10 { font-size:10px; }
.font13 { font-size:13px; }
.font16 { font-size:16px; }
.fontBold { font-weight:bold; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-bottom { vertical-align:bottom; }


/* padding-Library */
.reset {
margin:0;
padding:0;
}
.margin-top10 { margin-top:10px; }
.margin-top20 { margin-top:20px; }
.padding-top10 { padding-top:10px; }
.padding-top15 { padding-top:15px; }
.padding-top20 { padding-top:20px; }
.padding-top25 { padding-top:25px; }
.padding-top30 { padding-top:30px; }
.padding-top40 { padding-top:40px; }

.padding-left10 { padding-left:10px;}
.padding-right10 { padding-right:10px;}
.padding-side10 { padding-left:10px; padding-right:10px; }

.padding-bottom10 { padding-bottom:10px; }
.padding-bottom15 { padding-bottom:15px; }
.padding-bottom20 { padding-bottom:20px; }
.padding-bottom25 { padding-bottom:25px; }
.padding-bottom30 { padding-bottom:30px; }
.padding-bottom40 { padding-bottom:40px; }

/* color-Library */
.color-red { color:#FF0000;}
.color-blue { color:#2A4B7D;}
.color-black { color:#000000;}
.color-white { color:#ffffff;}
.color-gray { color:#878787;}
.color-orange { color:#F47E00;}
.color-pink { color:#BD3165;}

/* toolbar */
div.toolbar {
	border-bottom: 1px solid #666;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #560c70;
	padding: 7px 10px;
	position: relative; 
	height: 45px;
	background: url(../img/toolbarBraun.png) repeat-x;
}

div.toolbar a.backButton, div.toolbar a.leftButton {
	background: url(../img/btnToolbarBack.png) repeat-x;
	display: block;
	left: 6px;
	padding-left: 15px;
	position: absolute;
	text-decoration: none;
}

div.toolbar a.backButton span, div.toolbar a.leftButton span {
	background: url(../img/btnToolbarBack.png) top right;
	color: #FFFFFF;
	display: block;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.toolbar a.leftButton {
	padding-left: 10px;
	background: url(../img/btnToolbar.png) repeat-x;
}

div.toolbar a.rightButton {
	background: url(../img/btnToolbar.png) repeat-x;
	display: block;
	right: 6px;
	padding-left: 10px;
	position: absolute;
	text-decoration: none;
}

div.toolbar a.rightButton span {
	background: url(../img/btnToolbar.png) top right;
	color: #FFFFFF;
	display: block;
	height: 27px;
	overflow: hidden;
	padding-right: 10px; padding-top:3px;
	font-size: 12px;
	font-weight: bold;
}

div.toolbar a.centerButton {
	background: url(../img/btnToolbar.png) repeat-x;
	display: block;
	left: 50%;
	margin: 0 0 0 -60px;
	padding-left: 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 110px;
}

div.toolbar a.centerButton span {
	background: url(../img/btnToolbar.png) top right;
	color: #FFFFFF;
	display: block;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.toolbar img.toolbarTabs {
	left: 50%;
	margin: 0 0 0 -76px;
	position: absolute;
	width: 152px;
}

div.toolbar a.deleteButton span {
	background: url(../img/btnToolbarRed.png) #cc0000 top right;
}

div.toolbar a.deleteButton {
	background: url(../img/btnToolbarRed.png) #cc0000 repeat-x;	
}

div.toolbar h1 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	left: 50%;
	margin: 6px 0 0 -150px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	white-space: nowrap;
	width: 300px;
}
/* ↓2010.11.01更新----------------- */
#bodyIndex div#head {
	background: url(../img/logoBG.png) 0 0 repeat-x;
	text-align: center;
	padding: 0;
}
#bodyIndex div#head div#logo {
	margin: 0 auto;
	background: url(../img/logoBG.png) 0 0 repeat-x;
	text-align: center;
	padding: 0;
	width: 320px;
	position: relative;
}
#bodyIndex div#head div#logo img {
	border: none;
}
#bodyIndex div#head div#logo div.btn_q {
	display: block;
	width: 101px;
	height: 33px;
	position: absolute;
	top: 5px;
	left: 137px;
	z-index: 100;
}
/* ↑2010.11.01更新----------------- */

#bodyContents div#logo {
	background: url(../img/logoBG.png) 0 0 repeat-x;
	text-align: center;
	padding: 0;
}


#bodyIndex div#mainimage {
	background:url(../img/bg02.png) repeat-x;
	text-align: center;
	padding: 0 0 10px 0;
}


/* NAV */
#nav { padding:10px 0 10px 0;}
#nav h4 { display: none; }
#nav ol { width:267px; display:block; font-size: 11px; overflow: hidden; list-style: none; margin:0 auto; padding:0 0 0 10px;}
#nav ol li { float: left; text-align: center; }
#nav ol li a { display: block; float: left; padding: 0 10px 10px 0; padding-top: 85px; width: 79px; font-weight:bold; color:#999;}
#nav ol li.navi01 a { background: url(../img/nav_icon_01.png) no-repeat; }
#nav ol li.navi02 a { background: url(../img/nav_icon_02.png) no-repeat; }
#nav ol li.navi03 a { background: url(../img/nav_icon_03.png) no-repeat; }

/* btn */
div.bntNext{ clear:both; height:26px; padding-bottom:20px; margin-top:5px; position:relative; display:block;}
div.bntNext a.rightNext {right: 6px; position: absolute;}
div.bntNext img {width: 98px; height:26px;}

div.bntArea{ clear:both; padding-bottom:20px; margin-top:15px; position:relative; display:block; text-align:center;}

/* FOOTER NAV */
div#footerNavi{ height:54px; background:url(../img/footerMenuBG.png) repeat-x;}
div#footerNavi ol { display:block; overflow:hidden; list-style:none; margin:0 auto; padding:0;}
div#footerNavi ol li { float: left;}
div#footerNavi ol li a { display:block; float:left; padding:0; margin:0;}
div#footerNavi ol li img { border:0;}

/* subFooterEsubFooter */
div#subFooter, div#subFooter {
	background:#B70068;
	border-bottom: 1px solid #FFF;
}

div#subHeader a, div#subFooter a {
	background: url(../img/arrowDown.png) no-repeat right center;
	border-top: 1px solid #999;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 30px 10px 10px;
	text-decoration: none;
}

div#subFooter a {
	background: url(../img/arrowUp.png) no-repeat right center;
	font-size: 12px;
}

div#subHeader a em {
	color: #ccc;
	font-style: normal;
}

div#subHeader a span.pageNumbers, div#subHeader a span.subHeaderDetail {
	color: #bbb;
	font-size: 14px;
}

/* ul.list */
ul.list {
	margin: 0;
	padding: 0;
}
ul.list li{clear:both;}
ul.list li div {
	border-bottom: 1px solid #e0e0e0;
	color: #000;
	padding: 15px 25px 15px 10px;
	font-size: 16px;
	font-weight: bold;
}
ul.list li a { 
	background: url(../img/listArrow.png) center right no-repeat;
	border-bottom: 1px solid #e0e0e0;
	color: #000;
	display: block;
	padding: 15px 25px 5px 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
ul.list.service li a { 
	padding: 10px 25px 10px 10px;
}
ul.list.link li a { 
	color: #2A4B7D;
}
ul.list.link li ul {
	margin:0;
	padding:0;
}
ul.list.link li li a { 
	background: url(../img/listArrow_mini.png) center right no-repeat;
	display: block;
	padding: 7px 25px 7px 1.8em;
	font-size: 14px;
	font-weight:normal;
}
ul.list.type01 li div { 
	background: url(../img/listArrow.png) center right no-repeat;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	padding: 15px 25px 15px 10px;
}

ul.list li a span, ul.list li div span {
	color: #999;
	font-size: 80%;
}

ul.list li a span strong, ul.list li div span strong {
	color: #c00;
}

ul.list li img { margin:5px; margin-left:10px;}


/* dl.list-type01 */
dl.list-type01 {
   border-bottom:1px solid #e0e0e0;
   padding:0;
   margin:0;
}
dl.list-type01 dt {
   float:left;
   width:80px;
   border-top:1px solid #e0e0e0;
   padding-top:10px;
   padding-bottom:0;
   padding-right:0;
			padding-left:10px;
}
dl.list-type01 dd {
   margin-left:90px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:1px solid #e0e0e0;
}

/* list-type02 */
.list-type02 li { background:url(../img/list-type02.png) 0 0.2em no-repeat; padding:0 0 8px 16px; }

/* list-type03 */
.list-type03 li { list-style:decimal; margin-left:1.5em; padding-bottom:3px; }


/* tableType01 */
.tableType01 {
width:100%;
}
.tableType01 td {
border:solid 1px #A9A9A9;
background-color:#DFDFDF;
width:50%;
}
.tableType01 td a {
padding:8px;
display:block;
}
/* tableType02 */
.tableType02 {
width:100%;
}
.tableType02 td,
.tableType02 th {
border-bottom:solid 1px #e0e0e0;
padding:10px;
text-align:left;
vertical-align:top;
}
.tableType02 td.image {
padding-right:0px;
width:100px;
}
.tableType02 td .price {
font-size:130%;
background-color:#FFDBE8;
padding:5px;
margin:0;
}
.tableType02.company th {
width:30%;
text-align:left;
padding:10px 0 10px 0;
margin:0;
}

/* imageFrame hbvVhEt[ */
.imageFrame { background:url(../img/imageFrameBottom.png) center bottom no-repeat; width:140px; margin:0 auto; text-align:center; padding-bottom:4px; display:block;}
.imageFrame p { background:url(../img/imageFrame.png) center top no-repeat; padding:10px 0 6px 0; display:block; margin:0;}



/* title */
div.secttl {text-align:center;}
div.sec01ttl {background: url(../img/sec01ttlBG.png) top repeat-x; padding-left: 5px; clear:both; }
div.sec01ttl span { padding:8px; font-size:14px; font-weight:bold; display:block; color:#16376F; }
div.sec02ttl {background: url(../img/sec02ttlBG.png) #4AA2AF top repeat-x; padding-left: 5px;}
div.sec03ttl {margin:0 15px; background:url(../img/sec03ttlBG.png) 0 0 repeat-x;}

div.subttl01 {background:url(../img/subttl01BG.png) 0 0 repeat-x; max-height:120px;}
div.subttl01 span { padding:8px; font-size:14px; font-weight:bold; display:block; color:#16376F; }

/*div.subttl01 div img { float:left; width:57px; }
div.subttl01 div p {font-weight:bold; font-size:18px; color:#59A743; padding:18px 10px; margin:0; }
div.subttl01 div p.twoline { padding:9px 10px; }
div.subttl02 {background:url(../img/subttl02BG.png) 0 0 repeat-x; font-weight:bold; font-size:15px; color:#59A743; padding:10px;}
div.subttl02.twoline { padding-top:3px;}
div.subttl02.otoku {color:#BD3165;}*/

.subttl03 { background-color:#A9A9A9; padding:10px; font-weight:bold;}
.subttl04 { border-bottom:solid 2px #C6C6C6; padding:5px 0; font-weight:bold; margin-bottom:5px; color:#59A743;}

div.okutte_sec01ttl {background: url(../img/main_sec01BG.png) 0 0 repeat-x; padding-left: 5px;}
div.subtitle {
	background: url(../img/subTitle.png) 0 0 repeat-x;
	border-top: 1px solid #717d85;
	border-bottom: 1px solid #8c9297;
	color: #5AA644;
	font-size: 14px;
	font-weight: bold;
	line-height: 39px;
	padding-left: 10px;
	text-shadow: #64696e 1px 1px 1px; margin-bottom:5px; margin-top:15px;
}
div.separator {
	background: url(../img/listSeparator.png) #b8c1c8 top repeat-x;
	border-top: 1px solid #717d85;
	border-bottom: 1px solid #8c9297;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	padding-left: 10px;
	text-shadow: #64696e 1px 1px 1px;
}


/* contnts */
div.sec{margin:0 10px 20px 10px; display:block; position:relative;}
div.sec h3{ font-size:16px; font-weight:bold; color:#000066;}
div.sec img{ margin-right:5px; margin-bottom:5px;}
div.sec img .btn{ text-align:center;}
/*div#sec03 { margin:0 15px; text-align:center; padding:10px 0; margin-bottom:20px; border:6px solid #D9E9D4; -webkit-border-image:url(../img/sec03BG.png) 6 6 6 6 / 6px round round; background:#D9E9D4;}*/
div#sec04 { margin:0 15px; text-align:center; padding:10px 0;}
div#sec05 { margin:0 15px; text-align:center; padding:10px 0; margin-bottom:20px; border:6px solid #DEDEDE; -webkit-border-image:url(../img/sec05BG.png) 6 6 6 6 / 6px round round; background:#DEDEDE;}
div.sec02{margin:5px 10px 20px 10px; display:block; position:relative;}

/*paging*/
ul.paging {
width:298px;
padding:10px 0 0 0;
overflow:hidden;
clear:both;
}
ul.paging li {
display:inline;
}
ul.paging li a {
display:block;
float:left;
background-image:url(../img/paging.png);
background-repeat:no-repeat;
background-position:0 0;
text-align:center;
width:60px;
height:29px;/*40px*/
padding-top:11px;
font-weight:bold;
font-size:16px;
}
ul.paging li.first a {
background-image:url(../img/paging_first.png);
}
ul.paging li.last a {
width:58px;
background-image:url(../img/paging_last.png);
}


/*form*/
.pinstripes {
	background-image: url(../img/bg.png);
}
div#areaBody {
	padding-bottom: 20px; padding-top:10px;
}
div#areaBody.otoku {
	background-color:#FFDBE8;
}
div#areaBody.news {
	background-color:#D8FAFF;
}


div#areaBody input.boxInput, 
div#areaBody textarea.boxInput {
	font-size: 18px;
	margin: 0 auto;
	width: 90%;
}

div#areaBody h2 {
	font-size: 110%;
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

div#areaBody p {
	margin-top: 0;
}

div#areaBody ul {
	padding-left: 20px;
}

div#areaBody div.infoArea {
	margin-left: 10px;
	margin-right: 10px;
}
div.infoArea {
	background-color: #fff;
	border: 1px solid #aaa;
	margin-top: 10px;
	-webkit-border-radius: 15px;
}

div.infoAreaBody {
	background-color: #fff;
	padding: 10px;
}

div.infoArea p.infoItem {
	border-bottom: 1px solid #aaa;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
}
div.infoArea p.bottom {
	border: none;
}
div.infoArea p.top {
	border: none; padding-bottom:0;
}
div.infoArea p.df {
	border: none; padding-bottom:0; padding-top:0;
}

div.infoArea p.infoItem strong {
	color: #586077;
	padding-right: 5px;
}

div.infoArea p.info {
	padding: 10px 10px;
}


/* phoneBox */
div.phoneBox {
background-color:#FFFF99;
padding:10px;
}
div.phoneBox p {
margin:0;}

/* flow */
.flow li {
padding-bottom:17px;
background-image:url(../img/flowArrow.png);
background-position:center bottom;
background-repeat:no-repeat;
margin-bottom:10px;
}
.flow li.none {
padding-bottom:0px;
background-image:none;
}
.flow li p {
background-color:#E9E9E9;
padding:10px;
margin:0;
}
/* offBox */
.offBox dt {
background-color:#FFE6CC;
padding:6px 10px;
}
.offBox dd {
background-color:#FF8400;
}

/* attention */
.attention { background-color:#DFDFDF; padding:10px; margin-bottom:20px; }

/* wallpaper */
div.sec img.wallpaper {float:left; padding-left:9px; margin:5px 0;}

/*policy*/
div.policy { padding:10px;}
div.policy p{ margin:0; padding-bottom:10px;}
div.policy ol{ list-style-type:decimal; margin:0; padding:0 10px 5px 15px;}
div.policy ol li{ list-style-type:decimal; margin:0 0 0 20px; padding:5px 0 5px 10px;}
div.policy ul{ list-style-type:disc; margin:0; padding:0 10px 5px 15px;}
div.policy ul li{ list-style-type:disc; margin:0 0 0 20px; padding:0 0 5px 10px;}

em { font-size:10px; color:#990000;}