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

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

body {
	text-align:center;
}
.wrap {
	width : 900px;
	text-align : left;
	margin : 0 auto;
	padding : 0;
}

table {
	border-collapse: collapse;
}
img {
	border: none;
}


/* -----------------------------------------------------------------------------
>> header
----------------------------------------------------------------------------- */
#header {
	height : 158px;
	background : url(../img/parts/header_bg01.jpg) repeat-x;
}
#header-in {
	height : 158px;
	background : url(../img/parts/header_bg02.jpg) no-repeat;
}

h1 {
	padding : 20px 0 0;
}
h1 a {
	text-decoration : none;
	font-size : 12px;
	color : #bab1a0;
}


/* -----------------------------------------------------------------------------
>> main-content
----------------------------------------------------------------------------- */
.content {
	clear : both;
}

.main-cont {
	width : 510px;
	float : left;
}
.main-cont h2 {
	clear : both;
	margin : 0 0 0.5em;
}

.cont-box02 h2 {
	clear : both;
	margin : 40px 0 0.5em;
}

.main-cont p {
	margin : 0 0 1.3em;
	font-size : 95%;
	line-height : 140%;
}
.main-cont h3,
.main-cont h4 {
	margin : 0 0 0.3em;
}
.main-cont img {
	margin : 5px 0;
}
.img-box {
	float : left;
	margin : 0 0.5em 0.5em 0;
}

/* 画像を右にfloatさせる場合 */
.img-boxR {
	float : right;
	margin : 0 0 0 0.5em;
}

.txtbox {
	float : right;
	width : 290px;
}

.gallery li {
	list-style : none;
	display : inline;
	margin : 0 10px 0 0;
}
.gallery img {
/*	margin : 2px;*/
}
.gallery a {
	display : block;
	float : left;
	margin : 0 6px 6px 0;
	border : 1px solid #ebebeb;
}
.gallery a:hover {
	border : 1px solid #ff6600;
}

.gallery li.margin0 {
	margin : 0 0 6px 0;
}


#main-box02 p {
	margin : 0 0 0 0;
}

/* -----------------------------------------------------------------------------
>> footer
----------------------------------------------------------------------------- */
#footer {
	clear : both;
	height : 46px;
	background : url(../img/parts/footer_bg.jpg) repeat-x;
}

#footer p {
	font-size : 12px;
	text-align : center;
	padding : 30px 0 0;
}
/* -----------------------------------------------------------------------------
>> 汎用クラス
----------------------------------------------------------------------------- */
.main-cont p.img-left {
	float : left;
	margin : 0 1em 1em 0;
	text-indent : 0;
	text-align : center;
}
.img-right {
	display : block;
	float : right;
	padding : 0 0 5px 10px;
}
.logo-img {
/*	clear : left;
	margin : 50px 0 0;*/
}

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }
.clear  { clear: both; }