@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* common */
html { overflow-y: scroll; }
dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }
dl { display: inline-block; min-height: 1%; }

/* No MAC IE \*/
* html dl { height: 1%; }
dl { display: block; }

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

body { background: url(../images/common/bg.jpg) left top repeat-x; font-size: 0.8em; line-height: 1.5em; text-align: center; text-align: justify; text-justify: inter-ideograph; color: #333; }

#wrapper { 	width: 960px; text-align: left; margin: 0 auto; }

/* navigation */
#navi { width: 200px; float: left;}
#navi ul { list-style-type: none; margin: 0; padding: 5px 0 15px; }
#navi li { margin: 0 0 5px; padding: 0 0 0 5px; background: url(../images/common/navi/navi-bg.jpg) left top no-repeat; height: 30px; border-top: 1px solid #dce; border-left: 1px solid #dce; border-bottom: 1px solid #dce; overflow: hidden; }

.box { margin: 0 0 5px; padding: 0 0 0 5px; background: url(../images/common/navi/navi-bg.jpg); border-top: 1px solid #dce; border-left: 1px solid #dce; border-bottom: 1px solid #dce; }
.title { margin: 0 0 2px; }
.qr { background: url(../images/common/qr-bg.jpg); padding: 10px 15px 10px 105px; font-size: x-small; _height: 83px; min-height: 83px; margin: 0;}
.overview { background: url(../images/common/box-bg.jpg) left top no-repeat; padding: 10px 14px;}
.ov-title { color: #c69; font-weight: bold;}

/* pagebody */
#pagebody { width: 758px; border-left: 1px solid #dce; border-right: 1px solid #dce; border-bottom: 1px solid #dce; float: right; background: #fff;}
#pagebody ul { margin: 0; }
#pagebody ol { margin: 0; }
#pagebody li { margin: 0 0 10px 2em; }
#main { margin: 0 14px; }
#main h3 { margin: 0 0 10px; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 10px 2em; }
#main p { line-height: 1.75em; }

h2 { clear: both; }
h3 { clear: both; }
h4 { margin: 0 0 10px; }
h5 { margin: 0 0 10px; color: #96c; font-size: 1.0em; }
h6 { clear: both; }

.h2-title { font-size: 150%; padding: 0 0 2px; border-bottom: 5px solid #000; margin: 0 0 15px; }
.h3-title { font-size: 120%; padding: 0 0 0 10px; border-left: 5px solid #000; margin: 0 0 15px; }
.h4-title { font-size: 100px; }

/* header */
h1 { font-size: x-small; font-weight: normal; line-height: 30px; color: #fff; }
#header { background: url(../images/common/header-bg.jpg) no-repeat; overflow: hidden; height: 75px; }
#logo { width: 400px; float: left; }
#online { width: 281px; float: right; }

/* footer */
#textlink { padding: 15px 0 5px 200px; }
#textlink p { width: 630px; float: left; line-height: 20px; font-size: x-small; margin: 0;}
#pagetop { width: 120px; float: right; text-align: right; margin: 0; }

#footer { background: url(../images/common/footer-bg.jpg); padding: 7px 10px; height: 56px; overflow: hidden; }
address { font-size: x-small; font-style: normal; line-height: 1.5em; }

/* index */
#mainimg { margin: 0 0 15px; border-bottom: 1px solid #dce; }
#index { padding: 0 0 14px 14px; }
#appeal { width: 495px; float: left; background: url(../images/appeal01-bg.jpg) left top no-repeat; }
#appeal h3 { padding: 4px 0 15px; }
#appeal h4 { color: #c69; font-size: 100%; }
#appeal table { width: 495px; }
#appeal td { width: 165px; }

#ssc { width: 234px; float: right; }
#wn02 { background: url(../images/common/box-bg.jpg) left 55px no-repeat; }
#wn02 h3 { margin: 0 14px 10px 0; }
#wn02 h4 { margin: 0 14px 10px; color: #c69; font-size: 100%; }
#wn02 p { padding: 0 0 10px; border-bottom: 1px dashed #ccc; margin: 0 14px 10px; }

/* kiribako */
.colums { padding: 15px 0 0; border-top: 1px dotted #ccc; }

/* process */
.processcap { padding: 5px 0; }

/* access */
#map { width: 400px; float: left; }
#access { width: 260px; float: right; }

/* faq */
#faq { margin: 0 0 15px; }
.questions_box h3 { }

/* company */
#profile table { width: 480px; margin: 0 0 15px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#profile th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 5em; padding: 4px 8px; text-align: left; vertical-align: top; }
#profile td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; vertical-align: top; }

/* contact - form */
form table { width: 730px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 15px;}
form th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
form td { width: 520px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
.form-ss { width: 40px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 520px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 520px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: text-bottom; }
input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; font-size: 1.0em;}

/* link */
a { outline: none; }
a:link { color: #c69; text-decoration: underline; } 
a:visited { color: #c69; text-decoration: underline; } 
a:hover, a:active { color: #c69; text-decoration: none; } 

/* general-purpose */
p { margin: 0 0 14px; zoom: 1; }
p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img { border: none; vertical-align: bottom; }

.clear { clear: both; }
.page-break { page-break-before: always; }

.paging img { vertical-align: middle; }

th, td { font-size: 1.0em; }

/*

*/

/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left }
.fr { float: right; }

.l200 { width: 200px; float: left; }
.r200 { width: 200px; float: right; }
.l520 { width: 520px; float: left; }
.r520 { width: 520px; float: right; }

.l480 { width: 480px; float: left; }
.r240 { width: 240px; float: right; }


.l300 { width: 300px; float: left; }
.r190 { width: 190px; float: right; }

.l495 { width: 495px; float: left; }
.r220 { width: 220px; float: right; }

.l360 { width: 360px; float: left; }
.r360 { width: 360px; float: right; }

.l555 { width: 555px; float: left; }
.l270 { width: 270px; float: left; }
.r270 { width: 270px; float: right; }

.l560 { width: 560px; float: left; }
.r160 { width: 160px; float: right; }

.l500 { width: 500px; float: left; }
.l330 { width: 330px; float: left; }

.l160 { width: 160px; float: left; }
.r560 { width: 560px; float: right; }

.l485 { width: 485px; float: left; }
.l240 { width: 240px; float: left; }
.r240 { width: 240px; float: right; }

.l180 { width: 180px; float: left; }
.r540 { width: 540px; float: right; }

.l390 { width: 390px; float: left; }
.r150 { width: 150px; float: right; }

.l470 { width: 470px; float: left; }
.r250 { width: 250px; float: right; }

.l510 { width: 510px; float: left; }
.r210 { width: 210px; float: right; }




/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb05 { margin: 0 0 5px; }
.mb10 { margin: 0 0 10px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }

.btn01 { padding: 80px 0 0; }
.btn02 { padding: 60px 0 0; }


.w165 { width: 165px; }
.w330 { width: 330px; }

.wl165 { width: 160px; padding: 5px 5px 0 0; }
.wc165 { width: 160px; margin: 5px auto 15px; }
.wr165 { width: 160px; padding: 5px 0 0 5px; }

.cap { font-size: x-small; }
.mapcap { font-size: x-small; text-align: right;}



/* blog */

/* コンテンツ幅
---------------------------------------------------- */

#content {/* 左カラムの幅 */
	width:520px;
	float:left;
}

#block {/* 右カラムの幅 */
	width:200px;
	float:right;
}

/* 汎用スタイルシート
---------------------------------------------------- */

.b-ph1{width:160px; border-right:10px solid #fff; float:left;}
.b-ph2{width:160px;float:left;}
.b-ph3{width:160px;float:right;}

/* サイドバー
---------------------------------------------------- */

#calendar,
#search,
#recent,
#archive,
#category,
#rss{
	margin-bottom:20px;
	border-right:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
}


.block-center { padding:0px 10px 10px;}/* カレンダー・RSS・検索の位置調整*/


.EzCalendar{/* カレンダーのセンター揃え */
	width:178px;
	margin:0px auto;
	text-align:center;
	border-collapse:collapse;
	padding:1px;
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ddd;padding:1px;}

#block h2 {
	margin: 0 0 10px;
}

#block ul { width:180px; margin:0px auto; padding-bottom:10px;}

#block li {
	list-style:none;
	background:url(../../img/plain/list-icon.jpg) no-repeat left center;/* サイドバーリストアイコン */
	padding:5px 0px 5px 12px;
}

/* #block li a{color:#fb6a09; text-decoration:underline;}
#block li a:hover{ color:#fb6a09; text-decoration:none;}
 */
/* トップページ
---------------------------------------------------- */

.entry {}

.entry .day {font-size:90%; font-weight: bold; padding:0 10px; text-align: right;}/* 日付 */

#content h3, #block h3 {
	line-height:15px;
	font-size:100%;
	padding:7px;
	margin: 0 0 10px;
	background-color:#96c;
	color:#fff;
}

.entry .message {
	padding:0px 10px 10px 10px;
	border-bottom:1px dotted #ccc;
	margin:10px 0 0;
}
.entry p{ margin-bottom:10px;}
.entry .posted {padding:5px 10px 10px; font-size:85%; text-align: right; margin: 0 0 25px; }
.entry .message img{margin: 0 0 10px;}

div.paging {color:#32257a;margin: 0 0 2em; }

div.paging div.disabled {color: #ccc; display:inline;}
div.paging div.enabled {display:inline;}

div.paging span {}

div.paging span.current {color: #000;}

div.paging span a {}

.massege{background-color:#f6f6f6; padding:8px; border:1px dotted #ccc;}

/* ---- */

#sitemap { padding: 14px; }
#sitemap ul { list-style-type: none; margin: 0; }
#sitemap li { background: url(../images/pageicon.gif) left 0.25em no-repeat; padding: 0 0 0 2em; margin: 0 0 15px;}