@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);

/* ================================================================ *
	NexasDesign 2008/06
	共通 CSS
	
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	background : url(../img/parts/body_bg.jpg) repeat-x #e4e0cb;
}

.wrapper {
	width : 940px;
	margin : 0 auto;
	text-align : left;
	background : url(../img/parts/bg.gif) repeat-y;
}
.wrap-in {
	margin : 0 20px;
	background : url(../img/parts/footer_bg.jpg) no-repeat center bottom;
}
.wrapper:after,
#content:after,
#footer:after,
.wrapper:after,
#left-area:after,
#left-area-in:after,
#update-area:after,
.update-area dd:after,
.cont:after,
.blog-box dd:after,
.next-list li:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}

table {
	border-collapse: collapse;
}

li {
	list-style : none;
}
img {
	border : none;
}

/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
#header {
	margin : 0 20px;
	height:130px;
	background : url(../img/parts/header_bg.jpg) no-repeat;
}

#header h1 {
	float : left;
	width:285px;
	padding : 25px 0 0;
}


/* -------------------------------------------------------------------
>> 各ページタイトル設定
------------------------------------------------------------------- */
.title-h {
	clear:both;
	position : relative;
	width : 900px;
	height : 260px;
	margin : 0 0 20px;
	font-size : 14px;
	line-height:100%;
}
/*
#title-index {
	position : absolute;
	width : 100%;
	height : 100%;
	background : url(../img/title/main_visual.jpg) no-repeat;
}*/

/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#content {
	clear:boht;
	margin : 0 0 20px;
	padding : 0 0 0 0;	
}

#left-area {
	float : left;
	width : 630px;
	padding : 0 0 21px;
	background : url(../img/parts/left_area_bottom.jpg) no-repeat 0 bottom;
}
#left-area-in {
	zoom : 100%;
	padding : 0 0 0 23px;
	background : url(../img/parts/left_area_in.jpg) repeat-y;
}

#right-area {
	float : right;
	width : 262px;
}

.cont {
	clear:both;
	width : 580px;
	margin : 0 0 10px;
	background : url(../img/parts/cont_in.gif) repeat-y;
}
.cont-in {
	padding : 0 0 9px;
	background : url(../img/parts/cont_bottom.gif) no-repeat 0 bottom;
}
/*
.cont {
	clear:both;
	margin : 0 0 0;
	padding : 9px 0;
	background : url(../img/parts/cont_bottom.gif) no-repeat 0 bottom;
}
.cont-in {
	background : url(../img/parts/cont_in.gif) repeat-y;

}
*/


.update-area {
	clear:both;
	zoom:100%;
/*	margin : 0 0 10px;*/
	padding : 0 45px 0 25px;
	font-size:90%;
}
.update-area dt {
	clear:both;
	margin : 0 0 5px;
	color : #666666;
}
.update-area dt a {
	margin : 0 0 0 15px;
	color : #30aee4;
	font-weight:normal;
	font-size : 130%;
	text-decoration:none;
}
.update-area dt a span {
	font-size : 80%;
	margin : 0 0 0 10px;
}
.update-area dt img {
	position:relative;
	top : 6px;
	margin : 0 0 0 5px;
}

.update-area dd {
	zoom:100%;
	margin : 0 0 10px;
	padding : 0 0 10px;
	line-height:140%;
	border-bottom : 1px dotted #b4e333;
}

.top-h3 {
	margin : 0 0 10px 0;
	padding : 0 0 5px 0;
	border-bottom : 2px solid #b3e331;
}


/* -------------------------------------------------------------------
>> right-area
------------------------------------------------------------------- */

/* 最新ブログ */
.blog-box {
	font-size : 80%;
	margin : 0 0 20px;
}
.blog-box dt a {
	color : #30aee4;
	font-weight:bold;
	font-size : 130%;
	text-decoration:none;
}
.blog-box dt {
	color : #666666;
}
.blog-box dd {
	margin : 0 0 10px;
	padding : 0 0 10px;
	line-height:140%;
	border-bottom : 1px dotted #b4e333;
}
.blog-box dd a {
	color : #30aee4;
	margin : 0 0 0 10px;
}

/* メールマガジン */
.magazin-in {
	background : url(../img/parts/magazin_in.jpg) repeat-y;
}
.magazin-in p {
	font-size:90%;
	padding : 10px 15px 5px;
	line-height:130%;
	color : #6c431e;
}
.magazin-in .text-center {
	padding : 10px 15px 10px;
	background : url(../img/parts/magazin_bottom.jpg) no-repeat 0 bottom;
}

.bnr-box li {
	margin : 0 0 10px;
}

/* ページ内リンク */
#page-list {
	margin : 0 0 20px;
}
#page-list ul {
	padding : 15px 0 0;
}
#page-list li {
	margin : 0 0 5px;
	padding : 0 0 5px;
	border-bottom : 1px dotted #725c1b;
}
#page-list li a {
	display:block;
	padding : 0 0 0 16px;
	color : #30aee4;
	font-size:90%;
	text-decoration:none;
	background : url(../img/icon/a_icon01.gif) no-repeat 0 center;
}
#page-list li a:hover {
	color : #ff6600;
	background : url(../img/icon/a_icon02.gif) no-repeat 0 center;
}
#page-list em {
	font-style:normal;
	font-size:75%;
	color : #ff3300;
	padding : 0 0 0 5px;
}
#page-list img {
	display : block;
}

#page-list .next-list a{
	padding : 0 0 0 0;
	color : #30aee4;
	text-decoration:none;
	background:none;
}
#page-list .next-list a:hover {
	background:none;
}
.next-list .left {
	float : left;
}
.next-list .right {
	float : right;
}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
#footer {
	clear : both;
	margin : 0 0 0;
	min-height : 70px;
}

#footer .border-right {
	padding : 0 10px 0 0;
	border-right : 1px solid #ffffff;
}

#footer h4 {
	float : left;
	display : inline;
}
#footer address {
	float : right;
	font-size: 80%;
	font-weight:normal;
	font-style:normal;
	color : #6c431e;
}
#footer address strong {
	display : block;
}

#copy {
	clear:both;
	margin : 0 0 10px;
	text-align : center;
	color : #997d61;
}

/* -------------------------------------------------------------------
>> 汎用
------------------------------------------------------------------- */
.block {
	display:block;
}
.text-center {
	text-align : center;
}
.img-left {
	display:block;
	margin : 0 12px 0 0;
	padding : 2px;
	float : left;
	border : 1px solid #6c431e;
}
.img-left:hover {
	border : 1px solid #ff6600;
}
.img-right {
	float:right;
	margin : 0 0 12px 12px;
}

.marginT20 {
	margin-top : 20px;
}