/*
Theme Name: soulpnuts theme
theme URI: http://www.atstyleworks.co.jp/
Description: SOULPNUTS THEME
Author: atstyleworks
Author URI: http://www.atstyleworks.co.jp/
Version: 1.0
*/

/*** 全体構成 **/
*,li,ul{
	padding:0px;
	margin:0px;
	line-height:1.5em;
}

ul{
	list-style-type:none;
}

body{
	text-align:center;
	background:url("images/contents_bg.jpg") no-repeat center top #343434;
	font-family:Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴシック Pro W3', osaka;
}

p,h2,h3,h4,h5,li,a{
	font-size:12px;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:210px;
	height:110px;
	background:url("images/header_logo.jpg") no-repeat;
	text-indent:-9999px;
}

.alignright {
	margin-left:5px;
	margin-bottom:10px;
	float: right;
}

.alignleft {
	margin-right:5px;
	margin-bottom:10px;
	float: left;
}

.alignclear {
	clear: both;
}

/** header回り, メニュー **/
div#header{
	margin:auto;
	margin-bottom:20px;
	position:relative;
	width:800px;
}

div#index-top{
	margin:auto;
	position:relative;
	width:800px;
	height:110px;
}

img#header-comment{
	display:block;
	position:absolute;
	right:0px;
}

div#header ul{
	margin:auto;
	margin-top:0px;
	display:block;
	width:800px;
	height:40px;
}

div#header li{
	float:left;
	width:114px;
	height:40px;
}

div#header li a{
	width:114px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

div#header li a:hover{
	background-position: 0px -40px;
}

div#header li.big, div#header li.big a{
	width:115px;
}

li#menu01 a{
	background:url("images/bt01.jpg") no-repeat;
}

li#menu02 a{
	background:url("images/bt02.jpg") no-repeat;
}

li#menu03 a{
	background:url("images/bt03.jpg") no-repeat;
}

li#menu04 a{
	background:url("images/bt04.jpg") no-repeat;
}

li#menu05 a{
	background:url("images/bt05.jpg") no-repeat;
}

li#menu06 a{
	background:url("images/bt06.jpg") no-repeat;
}

li#menu07 a{
	background:url("images/bt07.jpg") no-repeat;
}
img#inner-top{
	display:block;
	margin-bottom:0px;
}

/** main_container **/

div#main-container{
	margin:auto;
	margin-top:0px;
	width:840px;
	background:#ffffff;
	text-align:left;
	overflow:auto;
}

div#left-column, div#right-column{
	padding-bottom:40px;
	margin-left:20px;
	display:inline;
	float:left;
}

/** left-column **/
div#left-column{
	width:520px;
}

div#left-column h3{
	margin-top:25px;
	margin-bottom:10px;
	padding-left:0.5em;
	display:block;
	width:520px;
	height:30px;
	line-height:30px;
	background:url("images/h3_bg.gif") no-repeat;
}

div#left-column h2#midasi{
	position:relative;
	display:block;
	width:520px;
	height:80px;
	background:url("images/h2_bg.jpg") no-repeat;
}

div#left-column h2#midasi span{
	position:absolute;
	bottom:10px;
	left:10px;
	color:#ffffff;
	font-size:17px;
	font-weight:normal;
}

div#left-column h4{
	margin-top:10px;
	color:#8f8e01;
}

p#navi{
	margin-top:10px;
	margin-bottom:20px;
}


ul#news-ul{
	margin-top:17px;
}

ul#news-ul li{
	line-height:2.0em;
}

/** right-colum **/


div#right-column{
	width:260px;
}

div#right-column div#right-image{
	margin-top:0px;
	width:260px;
}

div#right-column object{
	margin-top:5px;
	margin-bottom:5px;
}

div#right-column h5{
	display:block;
	width:260px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#ffffff;
	background:url("images/side_t.gif") no-repeat;
	text-align:center;
}

div#campain-area{
	padding-top:5px;
	padding-bottom:5px;
	width:258px;
	border:1px solid #cccccc;
}

div#campain-area div.inner{
	padding-left:5px;
}

div#banner-area{
	padding-top:5px;
	width:260px;
}

/** footer **/

div#footer{
	margin:auto;
	width:840px;
	height:66px;
	background:#000000;
	text-align:center;
}

div#footer ul{
	margin:auto;
	width:500px;
	display:block;
}

div#footer li{
	margin-top:10px;
	display:block;
	float:left;
	font-size:11px;
	line-height:1.9em;
	color:#ffffff;
}

div#footer li a{
	color:#ffffff;
}

div#footer p#copy{
	clear:both;
	display:block;
	text-align:center;
	font-size:11px;
	color:#ffffff;
}

/*******  問い合わせページ用 ****/

form p {
	margin-top:10px;
	line-height:1.9em;
}