/* body
==============================*/

body	{
	font-size:14px;
	line-height:1.5em;
	}

*	{
	color:#666;
	}

/* h2
==============================*/

h2	{
	font-size:220%;
	font-weight:normal;
	}

#ttl_bar	{
	height:6px;
	border:0px;
	margin-bottom:30px;
	}

/* header
==============================*/

#header .inner	{
	width:1000px;
	margin:10px auto;
	}

#header .color	{
	height:12px;
	}

#header #h1	{
	float:left;
	}

#header #fr	{
	float:right;
	}

#header ul	p	{
	text-align:right;
	line-height:1.5em;
	}

/* snsbtn
==============================*/

.snsbtn	{
	margin-top:5px;
	text-align:right;
	}
	
.snsbtn li	{
	float:right;
	}

.btn_tw	{
	width:110px;
	}

/* nav
==============================*/

nav	{
	width:100%;
	height:65px;
	}

nav .inner	{
	width:1000px;
	margin:10px auto;
	padding-top:10px;
	}

nav ul	{
	height:48px;
	}

nav .n_border	{
	_zoom: 1;
	overflow: hidden;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	}

nav li	{
	float:left;
	height:48px;
	border-left:1px solid #FFF;
	margin-left: -1px;
	padding:0 10px;
	}

nav a	{
	width:122px;
	height:46px;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	display:table-cell;
	vertical-align:middle;
	display:inline¥9;
	zoom:1¥9;
	text-align:center;
	}

nav a:hover	{
	border-bottom:2px solid #FFF;
	}

nav .vertical{
	height:100px;
	}
	
/* menu6 nav
==============================*/

#menu6 nav a	{
	width:146px;
	height:46px;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	display:table-cell;
	vertical-align:middle;
	display:inline¥9;
	zoom:1¥9;
	text-align:center;
	}

/* wapper_main
==============================*/

#wapper_main	{
	width:1000px;
	margin:10px auto;
	}

/* wapper_main > #main_area
==============================*/

#main_area	{
	float:left;
	width:720px;
	}

#main_area section	{
	margin-bottom:30px;
	}

#main_area .wapper_h3	{
	height:30px;
	width:100%;
	margin-bottom:20px;
	}

#main_area .wapper_h3 h3	{
	color:#fff;
	height:30px;
	display:table-cell;
	vertical-align:middle;
	display:inline¥9;
	zoom:1¥9;
	}

#main_area .wapper_h3 span	{
	display:block;
	background:#000;
	width:7px;
	height:30px;
	float:left;
	margin-right:10px;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: "alpha( opacity=30 )"
	}



/* wapper_main > #bread
==============================*/

#bread {
	margin:20px 0 20px 0;
	}

#bread li {
	float:left;
	font-size:90%;
	padding-left:5px;
	}

#bread li a {
	text-decoration:none;
	color:#999;
	}

#bread li a:after	{
	content:url(../images/arrow_bread.png);
	padding-left:5px;
	}

#bread li a:hover {
	text-decoration:underline;
	color:#000;
	}



/* wapper_main > #side_area
==============================*/

#side_area	{
	float:right;
	width:230px;
	}

#side_area ul	{
	margin-bottom:20px;
	}

#side_area li	{
	margin-bottom:10px;
	}

#side_area h5	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:120%;
	margin-bottom:12px;
	}

#side_area a:hover	{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )"
	}

#side_area .special	{
	border-top:#999 1px solid;
	padding-top:20px;
	}


/* totop
==============================*/

#totop	{
	width:1000px;
	margin:0 auto 20px;
	}

#totop p	{
	text-align:right;
	}

#totop p a	{
	}

#totop p a:hover	{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )"
	}


/* footer
==============================*/

footer	{
	border-top:1px solid #ddd;
	width:100%;
	}

footer .inner	{
	width:1000px;
	margin:12px auto;
	}

footer .inner #footer_menu ul	{
	_zoom: 1;
	overflow: hidden;
	border-left:1px solid #999;
	}

footer .inner #footer_menu li	{
	float:left;
	border-right:1px solid #999;
	}

footer .inner #footer_menu li a	{
	font-size:80%;
	color:#999;
	padding:0 20px;
	text-decoration:none;
	}

footer .inner #footer_menu li a:hover	{
	text-decoration:underline;
	color:#666;
	}

footer .inner #copyright	{
	font-size:80%;
	color:#999;
	margin-top:10px;
	}