@charset "shift_jis";

/*------------------------------------
basic
------------------------------------*/
body {
	margin: 0px auto 0px auto;
	color: #000;
	background:#fff;
	font-size: 12px;
	line-height:1.5em;
	font-family: Arial, MSGothic, Sans-Serif;
	text-align:center;
}

/*------------------------------------
font
------------------------------------*/
p {
	margin:0;
	padding:0;
}

a { color:#999; text-decoration:none;}
a:hover { color:#000; text-decoration:none;}

strong {
	font-weight:normal;
}

p.white { color:#fff;}

/*------------------------------------
layout(outline)
------------------------------------*/
#wrap {
	width:750px;
	margin: 0 auto 30px auto;
	text-align:left;
	letter-spacing:0.2em;
}

#top_navi {
	width:100%;
	height:auto;
	text-align:right;
}

#top_area {
	width:100%;
	height:60px;
	background:url(./img/top_area.png) #ff0000 no-repeat;
	padding-top:40px;
}

#top_description {
	width:100%;
	height:32px;
	background:url(./img/top_description.gif) #fff no-repeat;
	padding:18px 0 0 20px;
}

#content_wrap{
	width:748px;
	background:#fff;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#content {
	width:730px;
	margin:10px 10px 0 10px;
	display:inline;
}

/*------------------------------------
main(right)
------------------------------------*/
.main_area {
	width:450px;
	margin:10px 10px 10px 0;
	float:right;
}

.main_top {
	width:450px;
	height:100px;
	margin-bottom:20px;
}

.main_box {
	width:450px;
	height:auto;
	margin-bottom:20px;
}

.main_box_inner {
	width:430px;
	margin:10px;
}

/*------------------------------------
link(left)
------------------------------------*/
.left_area {
	width:258px;
	margin:0 20px 0 10px;
	background:url(./img/left_area_bg.gif) repeat-y;
	float:left;
}

.left_top {
	width:258px;
	height:110px;
	margin-bottom:10px;
	background:#ccc;
}

.left_box {
	width:258px;
	height:auto;
	margin-bottom:0;
}

/*------------------------------------
footer
------------------------------------*/
#footer {
	width:730px;
	height:auto;
	background:#ccc;
	text-align:center;
	padding:10px;
}

/*------------------------------------
ul/li
------------------------------------*/
ul {
	list-style-image:url(./img/arrow.gif);
	margin-left:10px;
	padding:0;
}

li {
	width:230px;
	margin:0 0 5px 5px;
}

/*------------------------------------
image
------------------------------------*/
img { border:none;}

.contact { margin-bottom:10px;}

.status {
	margin:10px 0 10px 5px;
}

.status_l {
	margin:10px 5px 10px 0;
	float:left;
}

/*------------------------------------
assist/h*
------------------------------------*/
.clear_left { clear:left;}
.clear_both { clear:both;}

h1 {
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#333;
	margin:0;
}

h1 a:hover { text-decoration:none;}

h2 {
	font-size:14px;
	border-left:5px #666 solid;
	border-bottom:1px #ccc dashed;
	color:#666;
	padding:5px 0 5px 10px;
	margin:0;
}

h3 {
	width:220px;
	font-size:16px;
	border-left:5px #666 solid;
	border-bottom:1px #ccc dashed;
	color:#666;
	margin:10px 0 5px 0;
	padding-left:5px;
}