@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

---------------------------------------------------------------------------------------- */

body {
	background: url(../images/common/body_bg.jpg) repeat 0 0;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #333;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

.wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
}

 
/* id="header" [ヘッダー]
---------------------------------------------------------------------------------------- */  

#header {
	padding: 20px 0 0;
	background: #fff url(../images/common/header_bg.jpg) repeat-x left bottom;
}

#logo {
	padding: 0 0 10px;
	font-size: 152%;
}

#logo p {
	margin: 0;
}

#logo a {
	color: #333;
	text-decoration: none;
}

#siteDesc {
	font-size: 77%;
}


/* 検索ボックス
-------------------------------------------- */

.searchBox {
	width: 280px;
	margin-bottom: 20px;
	padding-top: 25px;
}

input.searchText {
	float: left;
	width: 191px !important;
	width /**/: 203px;
	height: 25px !important;
	height /**/: 32px;
	margin: 2px 4px 0 0;
	padding: 5px 5px 0;
	border: 1px solid #eaeaea;
	color: #333;
	vertical-align: middle;
}

#opt2 input.searchText {
	width: 157px !important;
	width /**/: 169px;
}

.buForm {
	overflow: hidden;
	cursor: pointer;
	float: left;
	width: 72px;
	height : 36px;
	background: url(../images/common/bu_search.jpg) no-repeat left top;
	border: none;
	vertical-align: middle;
}


/* id="container" [コンテンツ]
---------------------------------------------------------------------------------------- */

#container {
	width: 900px !important;
	width /**/: 940px;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
}


/* id="contents" [コンテンツ]
---------------------------------------------------------------------------------------- */

#contents {
	float: right;
	width: 675px;
}


/* id="main" [コンテンツのセンター内の中部]
---------------------------------------------------------------------------------------- */

#main {
	margin: 0 0 25px;
	background: #fff;
}


/* font
-------------------------------------------- */

a {
	color: #ec638c;
}

a:hover {
	color: #ff9900;
}

p {
	margin: 0 0 25px;
	line-height: 1.5;
}


/* h[x}
-------------------------------------------- */

h1 {
	height: 40px !important;
	height /**/: 66px;
	margin: 0 0 15px;
	padding: 26px 0 0 30px;
	background: url(../images/common/h1_bg.jpg) no-repeat 0 0;
	font-size: 136%;
}

h2 {
	margin: 0 0 15px;
	padding: 13px 15px;
	background: url(../images/common/h2_bg.jpg) no-repeat 0 0;
	color: #fff;
	font-size: 114%;
}

#header h2 {
	background: url(../images/common/h2_header_bg.jpg) no-repeat 0 0;
}

#footer h2 {
	background: url(../images/common/h2_footer_bg.jpg) no-repeat 0 0;
}

#side .subBox h2,
#right .subBox h2 {
	margin: 0 0 5px;
	padding: 10px;
	background: url(../images/side/h2_side_bg.jpg) no-repeat 0 0;
	color: #333;
}

#opt1 h2 {
	margin: 0 0 10px;
	padding: 10px;
	background: url(../images/common/h2_opt1_bg.jpg) no-repeat 0 0;
	color: #fff;
}

#opt2 h2 {
	margin: 0 0 10px;
	padding: 10px;
	background: url(../images/common/h2_opt2_bg.jpg) no-repeat 0 0;
	color: #fff;
}

h2 a { color: #fff;}

h2 a:hover { color: #ff9900;}

h3 {
	margin: 0 0 15px;
	padding: 13px 15px;
	background: url(../images/common/h3_bg.jpg) no-repeat 0 0;
	font-size: 114%;
}

#header h3 {
	background: url(../images/common/h3_header_bg.jpg) no-repeat 0 0;
}

#footer h3 {
	background: url(../images/common/h3_footer_bg.jpg) no-repeat 0 0;
}

#side .subBox h3 {
	margin: 0 0 5px;
	padding: 10px;
	background: url(../images/side/h3_side_bg.jpg) no-repeat 0 0;
	color: #fff;
}

#opt1 h3 {
	margin: 0 0 10px;
	padding: 10px;
	background: url(../images/common/h3_opt1_bg.jpg) no-repeat 0 0;
}

#opt2 h3 {
	margin: 0 0 10px;
	padding: 10px;
	background: url(../images/common/h3_opt2_bg.jpg) no-repeat 0 0;
}

#side .subBox h3 a {
	color: #fff;
}

#side .subBox h3 a:hover {
	text-decoration: none;
	color: #fff;
}

h4 {
	margin: 0 0 15px;
	padding: 5px 0 5px 15px;
	background: url(../images/common/h4_bg.gif) repeat-y left top;
	line-height: 1.5;
	font-weight: bold;
}

h5 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	background: url(../images/common/h5_bg.gif) repeat-x left bottom;
	line-height: 1.5;
	font-weight: bold;
}

h6 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	background: url(../images/common/h6_bg.gif) no-repeat left bottom;
	line-height: 1.5;
	font-weight: bold;
}


/* ul
-------------------------------------------- */

ul, ol {
	margin: 0 0 25px;
}

ul li {
	padding: 0 0 0 15px;
	background: url(../images/common/arrow01.jpg) no-repeat 0 5px;
}

li {
	line-height: 1.5;
}


/* float
-------------------------------------------- */

.left { float: left;}
.right { float: right;}


/* text
-------------------------------------------- */

.textC { text-align: center;}
.textR { text-align: right;}


/* margin
-------------------------------------------- */

.marB5 { margin-bottom: 5px !important;}
.marB15 { margin-bottom: 15px !important;}


/* パンクズ
-------------------------------------------- */

#topicpath {
	background: #f1608d;
	font-size: 77%;
	text-align: right;
}

#topicpath ul {
	width: 900px;
	margin: 0 auto;
	padding: 8px 0;
}

#topicpath ul li {
	display: inline;
	padding: 0 5px 0 7px;
	background: url(../images/common/topicpath_li.gif) no-repeat left 5px;
	line-height: 1;
	color: #fff;
}

#topicpath ul li#topicpathFirst {
	background: none;
}

#topicpath ul li a {
	color: #fff;
}

#topicpath ul li div {
	display: inline;
}


/* box
-------------------------------------------- */

.box { overflow: hidden; margin: 0 0 25px;}

.box100 { width: 100px;}
.box200 { width: 200px;}
.box215 { width: 215px;}
.box280 { width: 280px;}
.box460 { width: 460px;}
.box500 { width: 500px;}
.box550 { width: 550px;}
.box600 { width: 600px;}


/* お問い合わせ
-------------------------------------------- */

.mailform {
	margin-bottom: 25px;
}

#mailForm {
	margin-top: 15px;
}

#mailForm table tr td input,
#mailForm table tr td textarea {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	color: #333;
	vertical-align: middle;
}

.errorMessage { margin-top: 5px; color: #ff0000;}

.buBox { text-align: center;}

.buBox img,
.buBox input {
	vertical-align: bottom;
}

.buBox img {
	cursor: pointer;
}


/* ブログ　ページ
-------------------------------------------- */

.boxBlog { margin: 0 0 30px;}


/* エントリーヘッダー
-------------------------------------------- */

p.topicDate {
	margin: 0 0 5px;
}

.entryBody {
	float: left;
	width: 460px;
	margin-bottom: 25px;
}


/* エントリーカテゴリー
-------------------------------------------- */

.entryCategory {
	float: right;
	width: 178px !important;
	width /**/: 200px;
	margin-bottom: 25px;
	padding: 10px;
	border: 3px solid #e6e6e6;
}

.entryCategory ul {
	margin: 0;
}

.entryCategory ul li {
	margin-bottom: 10px;
	padding: 0;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.entryCategory ul li a {
	display: block;
	width: 158px !important;
	width /**/: 178px;
	margin: 0 0 10px;
	padding: 0 0 5px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 1px;
	line-height: 1.5;
	text-decoration: none;
}


/* エントリーフッター
-------------------------------------------- */

.entryFooter ul {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.entryFooter ul li {
	float: left;
	padding: 10px 15px;
	background: none;
	border-right: 1px solid #e6e6e6;
}

.entryFooter ul li a {
	text-decoration: none;
}


/* トラックバック
-------------------------------------------- */

.trackUrl input {
	width: 390px !important;
	width /**/: 400px;
	padding: 5px;
	border: 1px solid #eaeaea;
	color: #333;
	vertical-align: middle;
}

.commentBox h5 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}


/* コメント
-------------------------------------------- */

.commentBox {
	margin-bottom: 20px;
}

.commentTop {
	background: #e6e6e6 url(../images/blog/comment_top.jpg) no-repeat left top;
}

.commentBottom {
	background: url(../images/blog/comment_bottom.jpg) no-repeat left bottom;
	padding: 20px;
}

.commentBottom p { margin: 0;}

.commentUser {
	padding: 10px 0 0 25px;
	background: url(../images/blog/comment_user.jpg) no-repeat 10px top;
}

.commentUser ul {
	margin: 0;
}

.commentUser ul li {
	margin: 0;
	padding-right: 20px;
	float: left;
}


/* コメントフォーム

-------------------------------------------- */

.commentForm table tr td {
}

.commentForm table tr td input,
.commentForm table tr td textarea {
	width: 390px !important;
	width /**/: 400px;
	padding: 5px;
	border: 1px solid #eaeaea;
	color: #333;
}


/* ブログ　アーカイブ
-------------------------------------------- */

.blogArchiveList dt {
	line-height: 1.5;
}

.blogArchiveList dd {
	margin: -1.5em 0 10px 0;
	padding: 0 0 10px 7em;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
	line-height: 1.5;
}

.blogArchiveList dd a {
	padding-left: 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 -1px;
	text-decoration: none;
}


/* アルバム
-------------------------------------------- */

#sl0base { background: #e6e6e6 !important;}
#sl0slider { background: #1d1d1d !important;}


/* トピックス　モジュール
-------------------------------------------- */

.topicsBox { margin: 0 0 30px;}


/* 営業カレンダーモジュール
-------------------------------------------- */

#businessCalendar h2 {
	margin-bottom: 5px;
}

#businessCalendar table { margin: 0 0 10px;}

#businessCalendar table th,
#businessCalendar table td {
	padding: 5px 0;
	text-align: center;
	font-size: 77%;
}

#businessCalendar table td.closed {
	background-color: #d3d3d3;
	color: #fff;
}

#businessCalendar .info {
	margin-bottom: 5px;
}


/* table
-------------------------------------------- */

table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #edd1d9;
	border-left: 1px solid #edd1d9;
}

table th,
table td {
	padding: 10px;
	border-right: 1px solid #edd1d9;
	border-bottom: 1px solid #edd1d9;
	vertical-align: top;
	line-height: 1.5;
}

table th {
	background: url(../images/common/th_bg.gif) no-repeat 0 0;
	font-weight: normal;
}


/* よくある質問
-------------------------------------------- */

.qaList {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #edd1d9;
}

.qaList dl dt {
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.qaList dl dt span {
	display: block;
	width: 613px !important;
	width /**/: 651px;
	margin: 0 0 10px;
	padding: 5px 0 12px 38px;
	background: url(../images/common/faq_q.jpg) no-repeat 5px 0;
	line-height: 1.5;
}

.qaList dl dd {
	margin: 0;
	padding: 5px 0 5px 38px;
	background: url(../images/common/faq_a.jpg) no-repeat 5px 0;
	line-height: 1.5;
}


/* リンクと説明
-------------------------------------------- */

.explanList {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #edd1d9;
}

.explanList dl dt {
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.explanList dl dt a {
	display: block;
	width: 613px !important;
	width /**/: 651px;
	margin: 0 0 10px;
	padding: 2px 0 10px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 3px;
	line-height: 1.5;
	text-decoration: none;
}

.explanList dl dd {
	line-height: 1.5;
}


/* 画像3列
-------------------------------------------- */

.photoList div.box215 {
	float: left;
	margin: 0 15px 0 0;
}

.photoList div.photoLiLast{
	margin: 0;
}

.photoList img {
	margin: 0 0 10px;
}


/* id="opt"
---------------------------------------------------------------------------------------- */

#opt {
	margin-top: 15px;
	background: url(../images/top/opt_middle.jpg) repeat-y 0 0;
}

#optTop {
	background: url(../images/top/opt_top.jpg) no-repeat 0 0;
}

#optBottom {
	padding: 10px;
	background: url(../images/top/opt_bottom.jpg) no-repeat 0 bottom;
}


/* id="opt1" [コンテンツのセンター内の下部]
---------------------------------------------------------------------------------------- */

#opt1 {
	float: left;
	width: 390px;
}


/* トピックス　モジュール
-------------------------------------------- */

.newsBox {
	margin-bottom: 25px;
}

#opt1 .newsBox,
#opt2 .newsBox {
	margin-bottom: 15px;
}

#opt1 .newsBox h2,
#opt2 .newsBox h2 {
	padding: 0;
	background: none;
}

.topicList {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.topicList p {
	margin: 0 0 5px;
}

#opt1 .topicList h3,
#opt2 .topicList h3,
#side .topicList h3,
#right .topicList h3,
#upper .topicList h3,
#main .topicList h3,
#bottom .topicList h3 {
	margin-bottom: 5px;
	padding: 0;
	background: none;
	font-size: 100%;
}

.topicList h3 a {
	display: block;
	padding: 2px 0 2px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 3px;
	text-decoration: none;
	line-height: 1.5;
}

#opt1 .topicList h3 a {
	width: 260px !important;
	width /**/: 280px;
}

#opt2 .topicList h3 a {
	width: 225px !important;
	width /**/: 245px;
}

.topicsBox .topicList h3 a {
	width: 530px !important;
	width /**/: 550px;
}


/* id="opt2" [コンテンツのセンター内の下部]
---------------------------------------------------------------------------------------- */

#opt2 {
	float: right;
	width: 245px;
}


/* ブログ　モジュール
-------------------------------------------- */

.blogBox {
	margin-bottom: 25px;
}

#opt1 .blogBox,
#opt2 .blogBox {
	margin-bottom: 15px;
}

#opt1 .blogBox h2,
#opt2 .blogBox h2 {
	padding: 0;
	background: none;
}

.blogList dl dt {
	margin-bottom: 2px;
}

.blogList dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}

.blogList dl dd a {
	display: block;
	width: 225px !important;
	width /**/: 245px;
	padding: 2px 0 2px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 3px;
	text-decoration: none;
	line-height: 1.5;
}


/* side [コンテンツのサイド（左）]
---------------------------------------------------------------------------------------- */

#side {
	float: left;
	width: 205px;
	margin-bottom: 15px;
	background: #fff;
}

.subBox {
	margin: 0 0 15px;
	background: url(../images/side/subbox_middle.jpg) repeat-y 0 0;
}

.subBoxTop {
	background: url(../images/side/subbox_top.jpg) no-repeat 0 0;
}

.subBoxBottom {
	height: 100%;
	padding: 8px;
	background: url(../images/side/subbox_bottom.jpg) no-repeat 0 bottom;
}

.subBoxBottom .box {
	overflow: hidden;
	margin: 0;
}

#side .subBox h3 {
	margin: 0 0 5px;
	padding: 10px;
	background: url(../images/side/h3_side_bg.jpg) no-repeat 0 0;
	color: #fff;
}

#side .subBox h3 a {
	color: #fff;
}

#side .subBox h3 a:hover {
	text-decoration: none;
	color: #fff;
}

#side .subBox ul { margin: 0;}

#side .subBox ul li {
	margin: 0 0 10px;
	padding: 0 0 10px 0;
	background: url(../images/common/line_bot.gif) repeat-x left bottom;
}


/* ブログ　モジュール
-------------------------------------------- */

#calenderBox table { margin: 0;}

#calenderBox table th,
#calenderBox table td {
	padding: 5px 0;
	text-align: center;
	font-size: 77%;
}

#upper input.searchBlog,
#bottom input.searchBlog,
#opt1 input.searchBlog,
#opt2 input.searchBlog {
	float: left;
	height: 25px !important;
	height /**/: 32px;
	margin: 2px 4px 0 0;
	padding: 5px 5px 0;
	border: 1px solid #eaeaea;
	color: #333;
	vertical-align: middle;
}

#upper input.searchBlog,
#bottom input.searchBlog,
#opt1 input.searchBlog {
	width: 191px !important;
	width /**/: 203px;
}

#opt2 input.searchBlog {
	width: 157px !important;
	width /**/: 169px;
}

.subBox form input.searchBlog,
.subBox form input.searchText {
	float: none;
	width: 177px !important;
	width /**/: 189px;
	height: 20px !important;
	height /**/: 32px;
	margin: 0 0 5px;
	padding: 5px;
	border: 1px solid #eaeaea;
	color: #333;
	vertical-align: middle;
}

.subBox form input.buForm {
	float: none;
}

.subBox ul li a {
	display: block;
	width: 169px !important;
	width /**/: 189px;
	padding: 2px 0 2px 20px;
	background: url(../images/common/arrow02.jpg) no-repeat 0 3px;
	text-decoration: none;
	line-height: 1.5;
	color: #333;
}

.subBox ul li a:hover {
	color: #ff9900;
}


/* トピックス
-------------------------------------------- */

#side .topicList img,
#right .topicList img {
	margin-bottom: 5px;
}


/* footer
---------------------------------------------------------------------------------------- */

#footer {
	width: 900px !important;
	width /**/: 940px;
	margin: 0 auto;
	padding: 20px 20px 0;
	background: #fff;
}

.pageTop {
	margin-bottom: 10px;
	text-align: right;
}

#footerBox {
	padding: 20px;
	border: 3px solid #e6e6e6;
	border-bottom: none;
}

address {
	font-size: 77%;
}


/* コンテンツパーツ関連
---------------------------------------------------------------------------------------- */

/* テキストパーツの枠線 */
.parts_text_type02,
.parts_text_type04,
.parts_text_type06,
.parts_text_type08 {
	border: 1px solid #edd1d9;
}

/* bu_印刷する */
.parts_other_buPrintBox {
	margin-bottom: 30px;
	text-align: center;
}

.parts_other_buPrintBox a {
	overflow: hidden;
	display: block;
	height: 0 !important;
	height /**/: 36px;
	width: 90px;
	margin: 0 0 0 auto;
	padding-top: 36px;
	background: url(../images/common/bu_print.jpg) no-repeat 0 0;
}

/* bu_ページの先頭へ */
.parts_other_bupageTopBox {
	margin-bottom: 30px;
	text-align: center;
}

.parts_other_bupageTopBox a {
	overflow: hidden;
	display: block;
	height: 0 !important;
	height /**/: 16px;
	width: 90px;
	margin: 0 0 0 auto;
	padding-top: 20px;
	background: url(../images/common/bu_pagetop.gif) no-repeat 0 0;
}


/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/