@charset "utf-8";
/* CSS Document */

/* Basic */

* {
	margin:0;
	padding:0;
}

body {
	background:#FFF url(../images/bak_body.png) repeat-x;
	text-align:center;
}


p {
	font-size:12px;
	color:#666;
	line-height:150%;
	margin:6px 2px;
}


.s14 {
	font-size:14px;
	color:#666;
	line-height:140%;
}

.orange {
	color:#FF7C00;	
}

.purple {
	color:#A641A8;
}

h2 {
	border-left:solid 4px #F862A3;
	border-bottom:solid 1px #F862A3;
	color:#F0007F;
	font-size:16px;
	padding:5px;
	margin:5px 10px 10px 0px;
	width:590px;
	line-height:130%;
}
h3 {
	margin:5px 10px 10px 0px;
	font-size:14px;
	padding:5px;
	color:#F0007F;
	border-bottom:dotted 1px #F862A3;
	background:url(../images/bak_h3.jpg) bottom repeat-x;
	width:590px;
	line-height:130%;
}

a {
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;	
}

li {
	font-size:12px;
	color:#666;
	line-height:150%;
}

/* header */


body #head_container {
	width:100%;
	background:#FFF url(../images/bak_head.png) no-repeat center 0;
	text-align:center;
	border-bottom:2px solid #F3058F;
}
body #main_container {
	width:900px;
	margin:auto;
	background:#FFF url(../images/bak_container.png) no-repeat;
}

body #head_container #header {
	width:860px;
	height:84px;
	margin:auto;
	background:#FFF url(../images/img_header.gif) no-repeat;	
	position:relative;
}

body #head_container #header h1 a {
	text-indent:-9999px;
	width:325px;
	height:48px;
	position:absolute;
	top:30px;
	left:15px;
}
body #head_container #header a img {
	position:absolute;
	top:60px;
	right:15px;
}


a img {
	border:none;
}
a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}


/* header gnavi */

body #head_container #gnavi ul {
	list-style-type:none;
	margin:0 auto;
	width:860px;
}

body #head_container #gnavi ul li {
	display:inline;
}
body #head_container #gnavi ul li a {
	text-indent:-9999px;
	float:left;
	display:block;
	width:172px;
	height:25px;
}
body #head_container #gnavi ul li#gnavi_home a {
	background:url(../images/gnavi_home.gif) no-repeat;
}
body #head_container #gnavi ul li#gnavi_item a {
	background:url(../images/gnavi_item.gif) no-repeat;
}
body #head_container #gnavi ul li#gnavi_company a {
	background:url(../images/gnavi_company.gif) no-repeat;
}
body #head_container #gnavi ul li#gnavi_inquiry a {
	background:url(../images/gnavi_inquiry.gif) no-repeat;
}
body #head_container #gnavi ul li#gnavi_blog a {
	background:url(../images/gnavi_blog.gif) no-repeat;
}

/* ロールオーバー後 */

body #head_container #gnavi ul li#gnavi_home a:hover {
	background:url(../images/gnavi_home.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_item a:hover {
	background:url(../images/gnavi_item.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_company a:hover {
	background:url(../images/gnavi_company.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_inquiry a:hover {
	background:url(../images/gnavi_inquiry.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_blog a:hover {
	background:url(../images/gnavi_blog.gif) no-repeat 0 -25px;
}

/* 選択されているとき用 */

body #head_container #gnavi ul li#gnavi_home a.over {
	background:url(../images/gnavi_home.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_item a.over {
	background:url(../images/gnavi_item.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_company a.over {
	background:url(../images/gnavi_company.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_inquiry a.over {
	background:url(../images/gnavi_inquiry.gif) no-repeat 0 -25px;
}
body #head_container #gnavi ul li#gnavi_blog a.over {
	background:url(../images/gnavi_blog.gif) no-repeat 0 -25px;
}



/* main_container */

body #main_container {
	width:900px;
	margin:auto;
	background:#FFF url(../images/bak_main.png) repeat-y;
}


/* sidebar */

body #main_container #sidebar {
	width:179px;
	padding:15px 10px 15px 35px;
	float:left;
	text-align:left;
	display:inline;
	overflow:hidden;
}
body #main_container #sidebar a img {
	margin-left:-3px;
	margin-top:10px;
}
body #main_container #sidebar ul {
	text-align:left;	
}
body #main_container #sidebar ul img {
	margin-left:-15px;
}

body #main_container #sidebar ul li{
	list-style-type:none;
	display:block;
	width:172px;
	margin-left:-15px;
	background:url(../images/bak_sidemenulist_left.png) repeat-y left;
	text-indent:30px;
}
body #main_container #sidebar ul li.sub {
	list-style-type:none;
	display:block;
	width:172px;
	margin-left:-15px;
	background:none;
	text-indent:45px;
}
body #main_container #sidebar ul li a {
	display:block;
	background:url(../images/bak_sidemenulist.png) right repeat-y;
	width:192px;
	font-size:14px;
	color:#555;
	text-decoration:none;
	zoom:1;
	padding:5px 0;
	border-bottom:1px dotted #999;
}
body #main_container #sidebar ul li a.over {
	background:url(../images/bak_sidemenulist_over.png) right repeat-y;
}
body #main_container #sidebar ul li a:hover {
	background:url(../images/bak_sidemenulist_over.png) right repeat-y;
}
body #main_container #sidebar ul li a img {
	margin:0;
}
body #main_container #sidebar ul li a span.submenu {
	text-indent:15px;
}


/* main */

body #main_container #main {
	width:620px;
	padding:15px 35px 15px 20px;
	text-align:left;
	float:left;
	display:inline;
	overflow:hidden;
}

/* breadcrumbs */
body #main_container #main ul.breadcrumbs li {
	font-size:12px;
	float:left;
	list-style-type:none;
	margin-right:.5em;
	color:#333333;
	padding:5px 0;
}

/* footer */

body #footer {
	width:900px;
	margin:auto;
	background:#FFF url(../images/bak_main.png) repeat-y;
	padding-top:30px;
}
body #footer p {
	color:#666;
}
body #footer p a {
	color:#666;	
}


/* blog */

body #main_container #blog_sidebar {
	width:179px;
	padding:35px 10px 15px 35px;
	float:left;
	text-align:left;
	display:inline;
	overflow:hidden;
}
body #main_container #blog_sidebar ul li{
	list-style-type:none;
	display:block;
	width:192px;
	margin-left:-15px;
	background:url(../images/bak_bloglist.jpg) repeat-x top;
	padding:5px 3px 15px 8px;
	border-top:1px dotted #999;
	font-size:14px;
}
body #main_container #blog_sidebar ul li a {
	width:192px;
	font-size:12px;
	color:#555;
	text-decoration:none;
	zoom:1;
	border:none;
}
body #main_container #blog_sidebar ul li a:hover {
	color:#CC00FF;
}

body #main_container #blog_sidebar ul li ul li {
	list-style-type:none;
	width:172px;
	background:none;
	margin-left:0;
	border:none;
	padding:0;
	font-size:12px;
	padding:3px 0 3px 5px;
}

.storycontent p {
	margin:8px 20px 8px 2px;
}
.meta {
	text-align:right;
	margin:5px 20px 5px 2px;
}
h2#comments,h2#postcomment {
	border-left:none;
	font-size:14px;
	padding-left:2px;
	border-bottom:1px dotted;
}
ol#commentlist {
	padding-left:20px;
}