body{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","ＭＳ Ｐゴシック","sans-serif";
	font-size: 12px;
	background: black url(../img/bg_inner_checks.png);
	}
a, a:visited{
	color:#b8017e;

	}
a:hover{
	color:#666666;
	text-decoration: underline;
	}

ul.bullets{
	list-style-position: inside;
	list-style-type: square;
	margin-left: 15px;
	}
ul.list{
	margin-left: 15px;
	}


#bg_inner{
	position: absolute;
	height: 170px;
	width: 100%;
	top: 0px;
	left: 0px;
	background: black url(../img/bg_inner.png) 0px 151px repeat-x;
	}
#container{
	position: relative;
	margin: 0px auto;
	width: 960px;
	}

#header{
	margin: 0 30px;
	height: 170px;
	background: black url(../img/bg_inner_header.png) left bottom repeat-x;
	}
#header .hdrnd{
	position: absolute;
	width:8px;
	height:7px;
	top: 120px;
	left: 30px;
	background: transparent url(../img/contents_top_rnd.png) left top no-repeat;
	}
#nav{
	position: absolute;
	top: 70px;
	left: 30px;
	width: 830px;
	height: 35px;
	}
#nav img{vertical-align:top;}

#nav a.nav_btn{
	display: inline-block;
	width: 117px;
	height: 27px;
	background-image: url(../img/inner_nav_sprite.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	vertical-align:top;
	}
#nav-message {		background-position: 0px top;	}
#nav-message:hover{	background-position: 0px bottom;}
#nav-company {		background-position: -117px top;	}
#nav-company:hover{	background-position: -117px bottom;}
#nav-profile {		background-position: -234px top;	}
#nav-profile:hover{	background-position: -234px bottom;}


#contact_button{
	display: block;
	position: absolute;
	right: 0px;
	top: 30px;
	width: 160px;
	height: 160px;
	background: transparent url(../img/btn_contact.png) left top no-repeat;
	text-indent: -9999px;
	}

#subnav{
	padding-top: 20px;
	margin: 0px 30px 0 30px;
	height: 51px;
	background: #f5f5f5;
	}
#subnav h1{
	display: inline-block;
	position: relative;
	float: left;
	background: transparent url(../img/h1_title.png) left top no-repeat;
	color: white;
	font-size: 26px;
	letter-spacing: 1em;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 75px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: -30px;
	width: 244px;
	height: 51px;

	}
#subnav span{background: #f5f5f5;width: 611px; height:51px; overflow:hidden;}
#subnav a{
	display: inline-block;
	float: left;
	}
#subnav #title_cap{
	position: absolute;
	top: 190px;
	left: 319px;
	}


#contents{
	background: #f5f5f5 url(../img/contents_bottom_rnd.png) left bottom no-repeat;
	padding: 5px 45px 45px 45px;
	/*margin: 0px 30px;*/
	position: relative;
	width: 810px;
	margin: 0px auto;
	line-height:160%;
	}
p{	
	margin-bottom: 30px;
	}
h2{
	color: #b8017e;
	font-size: 20px;
	letter-spacing: .1em;
	padding-left: 30px;
	background: transparent url(../img/h2_bg.png) left center no-repeat;
	margin: 35px 0;
	clear: left;
	}
h2.bar{	background-image:url(../img/h2_bg2.png);padding-left: 80px;}

h3{
	color: #1e6baf;
	font-size: 18px;
	letter-spacing: .1em;
	padding-left: 10px;
	border-left: 3px solid #1e6baf;
	margin: 10px 0;
	clear: left;
	}

img.illust{
	margin: 0px 30px 30px 30px;
	}
img.illust.left{margin-left:0px; float:left;}
img.illust.right{margin-right:0px; float:right;}

div.service_description{
	width: 90%;
	overflow: auto;
	}
div.service_description img{
	margin: 0 30px 30px 0;
	float: left;
	}
div.service_description b{
	display: block;
	font-size: 15px;
	margin: 0px;
	}
/*div.service_description a:hover img{	opacity: .7;	}*/

.img_list{
	position: relative;
	padding: 20px 5px;
	text-align: left;
	}
.img_list.vert{
	float: right;
	width: 192px;
	text-align:center;
	margin-left: 30px;
	}
.img_list img,
.img_list span.caption{	
	padding: 0 10px 10px 0;
	}
.img_list span.caption{
	display: inline-block;
	text-align: center;
	}
.img_list span.caption img{
	display: block;
	}
.img_list.styled img{
	background-color: white;
	padding: 8px;
	border: 1px solid silver;
	margin: 0 10px 10px 0;
	}
/*.img_list a:hover img{	opacity: .7;	}*/
.img_list a.more{
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding-left: 20px;
	background: transparent url(../img/bullet_triangle.png) left center no-repeat;
	text-align:right;
	color: black;
	text-decoration: none;
	font-weight: bold;
	}
.img_list a.more:hover{color:#b8017e;}

#footer {
	position:relative;
	width:900px;
	margin: 30px auto;
	height:18px;
	color: #666666;
	font-size: 12px;
}
#footer img{vertical-align:middle;}
#footer a{color: #666666; text-decoration:none;}
#footer a:hover{color:#b8017e;}