@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);


/* ================================================================ *
	NexasDesign 2010/04
	共通 CSS
	
 * ================================================================ */


/* -----------------------------------------------------------------------------
>> 文書全体
----------------------------------------------------------------------------- */
img { behavior: url("iepngfix.htc") }

body	{
	font-size: 84.5%;
	color: #000000;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 140%;
}
.wrap {
	width: 940px;
	margin: 0px auto;
	text-align:left;
	background : url(images/mainBG2.png) repeat-y;
}


a {
	text-decoration: none;
	color: #638BBC;
}
a:hover {
	text-decoration:: none;
	color: #FF6600;
/*	background-color: #cccccc;*/
}
img {
	border: none;
}

h2 {
	margin : 0 0 0.7em;
}

p {
	margin : 0 0 0.7em;
}

li {
	list-style: none;
}


.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
}
.font8 {
	font-size: 8px;
}
.font14deco {
	font-size: 12px;
	font-weight: bold;
	color: #93A3C1;
}


/* -----------------------------------------------------------------------------
>> レイアウト設定
----------------------------------------------------------------------------- */

#headerNavi {
	clear:both;
	width:100%;
	padding : 5px 0;
	background : #ff6400;
}
#headerNavi:after {
	content : url(../images/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

#contents:after,
#center-box:after,
.update-box .cont:after,
.column2:after,
.cont:after,
.column3:after {
	content : url(../images/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}


#contents-top {
	clear :both;
	width:940px;
	padding : 30px 0 0;
}

#contents {
	clear :both;
	width:940px;
	zoom : 100%;
	background: url(../images/parts/cont_bg.png) repeat-y;
}


/*---------------------------- 左カラム --------------------------------------*/
#left-area {
	width: 168px;
	float: left;
}

/*----------------------- メインコンテンツ -----------------------------------*/

/* 右カラム */
#right-area {
	width: 742px;
	float: right;
}

/* センターエリア(メインコンテンツ) */
#center-box {
	width : 544px;
	float:left;
}

/* 右エリア */
#right-box {
	width : 168px;
	float : right;
}


/*------------------------------ フッター -----------------------------------*/

#footer-navi {
	clear :both;
	padding : 10px 0 0;
	border-top: 1px solid #dfdfdf;
}
#footer-navi dl {
	width : 180px;
/*	background:#4d4;*/
	float : left;
}
#footer-navi dt {
	margin : 0 0 0.7em;
}
#footer-navi dd {
	font-size : 13px;
	margin : 0 0 0.7em;
}
#footer-navi dl.w164 {
	width : 164px;
}
#footer-navi dl.w130 {
	width : 130px;
}
#footer-navi dl.w200 {
	width : 200px;
}
#footer-navi .address {
	width : 240px;
}

#footer {
	clear :both;
	padding: 15px 0;
	background:#eef1ed;
}
#footer ul {
	clear : both;
}
#footer p {
	color : #3d4b63;
	font-size : 80%;
	text-align:right;
}


/* -----------------------------------------------------------------------------
>> 各種コンテンツ設定
----------------------------------------------------------------------------- */


/*-------------------------- バナーエリア -----------------------------------*/

.bnr-box {
	margin : 0 0 30px;
}
.bnr-box dt {
	margin : 0 0 10px;
}
.bnr-box li,
.bnr-box dd {
	margin : 0 0 10px;
}


/*-------------------------- タイトル設定 -----------------------------------*/
.title {
	width : 100%;
	height: 265px;
}
.title p {
	padding : 120px 0 0;
}
.title h1 {
	padding : 25px 0 0;
}
#title01 {
	background : url(../images/title/title01.jpg) no-repeat center 0;
}
#title02 {
	background : url(../images/title/title02.jpg) no-repeat center 0;
}
#title03 {
	background : url(../images/title/title03.jpg) no-repeat center 0;
}
#title04 {
	background : url(../images/title/title04.jpg) no-repeat center 0;
}
#title05 {
	background : url(../images/title/title05.jpg) no-repeat center 0;
}
#title06 {
	background : url(../images/title/title06.jpg) no-repeat center 0;
}
#title07 {
	background : url(../images/title/title07.jpg) no-repeat center 0;
}
#title08 {
	background : url(../images/title/title08.jpg) no-repeat center 0;
}
#title09 {
	background : url(../images/title/title09.jpg) no-repeat center 0;
}
#title10 {
	background : url(../images/title/title10.jpg) no-repeat center 0;
}
#title11 {
	background : url(../images/title/title11.jpg) no-repeat center 0;
}
#title-blog {
	background : url(../images/title/title_blog.jpg) no-repeat center 0;
}

/*-------------------------- 左サブメニュー設定 -----------------------------------*/
.left-navi {
	margin : 0 0 30px;
	background: url(../images/parts/left_navi_border.png) repeat-y;
}
.left-navi dd {
	margin : 0 0 0;
	padding : 8px 0 8px 15px;
	border-bottom : 1px solid #eaeae6;
}

.left-navi a {
	text-decoration:none;
}


/* -----------------------------------------------------------------------------
>> レギュラーページ設定
----------------------------------------------------------------------------- */
.cont {
	clear:both;
	zoom : 100%;
	margin : 0 0 1.5em;
	padding : 0 0 10px;
	border-bottom : 1px dotted #e2e2dc;
}

.cont h2 {
	margin : 0 0 0.7em;
}
.cont h3,
.blog .cont h2 {
	margin : 0 0 5px;
	padding : 10px 0 10px 50px;
	font-size : 140%;
	color : #452821;
	background : url(../images/parts/h3_bg02.jpg) no-repeat 0 center;
}
.cont p {
	margin : 0 0 1.2em;
}


.cont dl {
	margin : 0 0 1.5em;
	padding : 10px;
	border : 1px dotted #cccccc; 
	background : #eef1ed;
}
.cont dt {
	margin : 0 0 5px;
	font-weight:bold;
}
.cont ul {
	margin : 0 0 1.5em;
}
.cont li {
	margin : 0 0 5px 1.2em;
	list-style:disc;
}

.cont table {
	border-collapse:collapse;
	border : 1px solid #cccccc;
	margin : 0 0 1.5em;
}
.cont th,.cont td {
	padding : 5px 10px;
	border : 1px solid #cccccc;
	font-size:90%;
}
.cont th {
	background:#eaeae6;
}
.cont .day {
	display : block;
	margin : 0 0 0;
	padding : 0 0 0 0;
	text-align : right;
	font-weight:normal;
	font-size: 80%;
}


form em {
	font-style:normal;
	font-weight:normal;
	color : #ff3366;
}

.estate {
	padding : 20px 0 0;
}
.estate h3 {
	padding : 5px 0 5px 20px;
	font-size : 95%;
	color : #452821;
	background : url(../images/parts/h3_bg03.jpg) no-repeat 0 center;
}
.estate th {
	white-space:nowrap;
}


/*  ２段カラム */
.column2 {
	clear:both;
	margin: 0 0 15px;
	zoom : 100%;
}
.column2 .box-left {
	width : 460px;
	float : left;
}
.column2 .box-right {
	width : 460px;
	float : right;
	font-size:80%;
}

/*  ３段カラム */
.column3 {
	clear:both;
	zoom : 100%;
	margin : 0 0 20px;
	padding: 10px 10px 0;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	background: url(../images/parts/column3_bg.png) repeat-y;
}
.column3 .box{
	position: relative;
	width : 313px;
	float:left;
}
.column3 .box-last {
	width : 285px;
	float : left;
}

.column3 h5 {
	padding : 5px 0 5px 25px;
	font-size : 90%;
	color : #452821;
	background : url(../images/parts/h3_bg03.jpg) no-repeat 0 center;
}
.column3 p {
	font-size: 90%;
	padding : 0 30px 0 25px;
}

/*
.tbar30 {
	padding: 4px;
	width: 540px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-top-color: #E1E1DD;
	border-right-color: #E1E1DD;
	border-bottom-color: #E1E1DD;
	border-left-color: #E1E1DD;
	font-size: 14px;

}
.box520INFO {
	font-size: 12px;
	line-height: 14px;
	background-image: url(../images/infobg1.png);
	text-align: left;
	padding: 4px;
}
.boxLINEG {
	font-size: 12px;
	line-height: 14px;
	padding: 6px;
	border: 2px solid #E1E1DD;
}
.boxSUBmenuB {
	font-size: 12px;
	line-height: 10px;
	padding: 30px 10px 0px 6px;
	height: 242px;
	width: 156px;
}
.boxSUBmenuB2 {
	font-size: 12px;
	line-height: 10px;
	padding: 30px 10px 0px 6px;
	width: 156px;
}
.boxSUBmenuG {
	font-size: 12px;
	line-height: 10px;
	padding: 30px 10px 0px 6px;
	height: 242px;
	width: 156px;
}
.boxSUBmenuG2 {
	font-size: 12px;
	line-height: 10px;
	padding: 30px 10px 0px 6px;
	width: 156px;
}
img {
	vertical-align: middle;
}
.boxMENU1 {
	background-color: #EAEAEA;
	width: 940px;
}


.linkarrow {
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	width: 140px;
	padding-top: 2px;
	height: 16px;
	line-height: 14px;
}


.linkarrowN {
	padding-left: 16px;
	width: 140px;
	padding-top: 2px;
	color: #E05902;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	line-height: 14px;
}
.linkarrowPF {
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-top: 2px;
	line-height: 14px;
}
tr {
	font-size: 12px;
}
.notice1 {
	color: #FF0000;
}
*/

/* ↓リニューアル前 */
.font14DECO2 {
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solide #666666;
/*	height: 31px;*/
	padding: 0 0 0 25px;
	font-weight: normal;
	letter-spacing: 0.1em;
	background : url(../images/parts/h3_bg03.jpg) no-repeat 0 center;
}
.imgico1 {
	text-align: right;
	width : 508px;
}
.imgico2 {
	margin-left: 58px;

}

/*  ↑ここまで */

.tdLINEB {
	border: 1px solid #93A3C1;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
.tdLINEB a {
	text-decoration:none;
}



.tdLINEG {
	border: 1px solid #DCC8B5;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}

/*------------------- サイトマップ ------------------------------*/
.sitemap h3 {
	margin : 15px 0;
	font-size : 130%;
}
.sitemap dl {
	margin : 0 0 1.5em 0;
	padding : 0 0 0 1.5em;
	border-bottom: 1px dotted #cccccc;
}
.sitemap dt {
	margin : 0 0 5px;
	padding : 5px 0 5px 20px;
	font-size : 130%;
	color : #452821;
	font-weight: bold;
	background : url(../images/parts/h3_bg03.jpg) no-repeat 0 center;
}
.sitemap dd {
	font-size : 110%;
	margin : 0 0 0.7em 20px;
}
.sitemap dd.tree2 {
	margin : 0 0 0.7em 4em;
}
.sitemap a {
	padding : 0 0 0 15px;
	background : url(../images/navi/anc01.png) no-repeat 0 3px;
}
.sitemap a:hover {
	background-position : 0 -65px;
}


/*  2009-07-23 */

.imgright {
	float: right;
	margin-left: 10px;
}
.imgleft {
	float: left;
	margin-right: 10px;
}
 .happy {
 	padding: 10px;
	border: 1px solid #93A3C1;
	width: 518px;
 }
 
 
a.btn800 {
	display: block;
 	background:url(../images/800/btn/btn_bg.jpg) no-repeat;
	width: 202px;
	height: 28px;
	text-align: center;
	padding-top: 7px;
	color:#FFFFFF;
	margin-right: 5px;
 }


/* 2009-10-20  0621.php */

a.btn621 {
	display: block;
 	background:url(../images/0621/btn/btn_bg621.jpg) no-repeat;
	width: 402px;
	height: 28px;
	text-align: center;
	padding-top: 7px;
	color:#FFFFFF;
	margin: auto;
 }
 
 .price621 {
	font-size: 1.4em;
	color:#000000;
	font-weight: bold;
	float: right;
	margin-right: 20px;
	clear: both;
	display: block;
	margin-left: 6px;
 }

dl.dl621 {

}
dl.dl621 dt {
 	font-weight:bold;
	font-size: 1.1em;
	padding-bottom: 5px;
}
dl.dl621 dd {
	background: url(../images/0621/icon/list621.gif) 0 4px no-repeat;
	padding-left: 13px;
	margin-left: 10px;
}
hr {
	font-size: 1px;
	color: #CCCCCC;
	width: 96%;
}

/*-------------------------- 更新エリア -----------------------------------*/
.update-box {
	clear : both;
/*	padding : 0 0 20px;*/
	border-left :1px solid #d4d4d4;
	border-right :1px solid #d4d4d4;
/*	border-bottom :1px solid #d4d4d4;*/
}

.update-box .cont {
	clear:both;
	zoom : 100%;
	margin: 0 0 10px;
	padding : 15px 20px 10px;
	border-bottom : 1px solid #cccccc;
}
.update-box .cont h3 {
	font-weight : bold;
	font-size : 120%;
	margin : 0 0 0;
	padding : 0 0 0 0;
	background : none;
}
.update-box p {
	font-size : 95%;
}
.update-box .more {
	margin : 0 0 10px;
}


/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */
.clear {
	clear:both;
}

.font-s {
	font-size : 90%;
	font-weight:normal;
	color : #333333;
}
.img-left  {
	float : left;
	margin : 0 15px 5px 0;
}
.img-right {
	float : right;
	margin : 0 0 5px 15px;
}
.img-center {
	display: block;
	text-align:center;
	margin : 0 auto;
}

.photo-left {
	display:block;
	float : left;
	text-align : center;
}
.photo-right {
	display:block;
	float : right;
	text-align : center;
}
span.photo-right img,
span.photo-left img {
/*	padding: 3px;*/
	border: 4px solid #E0DFE3;
}
.update-area .text-center { display : block; text-align : center; }
.update-area .text-left   { display : block; text-align : left; }
.update-area .text-right  { display : block; text-align : right; }

.text-center {
	text-align : center;
}
.text-right {
	text-align : right;
}

.leftbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rightbox {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Tabs
----------------------------------*/
/*
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }*/

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-selected a{ background-position: 0 -35px; }
/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }*/
.ui-tabs .ui-tabs-hide { display: none !important; }


