@charset "UTF-8";
/*
-----------------LastUpdate 2008/00/00-----------------------
--------------------CSS MENU---------------------------
	00.枠組み
	01.
	02.
	03.
	04.
	05.
	06.
	07.
	08.

---------------------------------------------------------
------------------------CSS HELP---------------------------
■セレクタでハックバージョン 6 以下の IE にのみ適用 * html body バージョン 7 の IE にのみ適用 *+html body バージョン 7 を含む全ての IE にのみ適用 *+html body, * html body IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外） html>body IE7 を除くモダンブラウザにのみ適用 html>/**/body ----------------------------------------------------------*/
/* ClearFix */

/* ----------------------------------------------------- */
/*for IE 5.5-7*/

.clearfix{	zoom:1;}/*for modern browser*/.clearfix:after{	content:".";	display:block;	height:0px;	clear:both;	visibility:hidden;}.clear { clear:both;}/* ----------------------------------------------------- *//* 初期設定 *//* ----------------------------------------------------- */


BODY,H1,H2,H3,H4,H5,H6,P,UL,DL,DIV,TABLE,FORM,DD,DT{
	margin:0px;
	padding:0px;
	font-weight:normal;
}

IMG {
	border:0px;
	vertical-align:bottom;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

li {
 list-style:none;
}

address {
 font-style:normal;
}

body{
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	background:url(http://www.s-life.tv/images/bg.jpg) center top;
	padding-top:3px;
	color:#555;
	font-size:12px;
	line-height:1.5em;
	text-align:center;
}

a:link,a:visited {
 color:#830000;
 text-decoration:none;
}

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

a:ctive {
 color:#830000;
 text-decoration:none;
}


/* FLASH格納用DIV(swfObject使用時) *//* ----------------------------------------------------- */

#flashcontent{}

/* 00. 枠組み*//* ----------------------------------------------------- */

#header {
 width:844px;
 background:url(http://www.s-life.tv/images/body_bg_top.jpg) no-repeat center bottom;
}

#wrapper { margin:0 auto; width:844px; text-align:left;}

#wrapper_inner { width:844px; background:url(http://www.s-life.tv/images/body_bg_middle.jpg) repeat-y center top; padding-bottom:20px;}#footer { background:url(http://www.s-life.tv/images/body_bg_bottom.jpg) no-repeat center bottom; height:72px;}#content { padding:0px 16px; width:812px;}

#main_content {}#index_main_content { padding-top:20px;}#left_content { width:168px; float:left;}#right_content { width:631px; padding-left:13px; float:left;}#main_left { width:432px; float:left;}#main_right { width:170px; float:right;}


/* 01. header*//* ----------------------------------------------------- */

.header_tel { 
  width:257px;
  float:right;
  text-align:right;
  padding-right:5px;
  padding-bottom:25px;
}

.header_logo {
  width:579px; 
  float:left;
  padding-top:20px;
}

/* 02. content_top*//* ----------------------------------------------------- */

.new_content { border-left:11px solid #ffbb00; padding:10px; height:98px;
    overflow:auto;
}

.content_top_area { padding-bottom:15px; width:631px;}

.new_area { width:445px; float:left;}

.movie_area02 { width:168px; height:138px; float:right;}

.main_banner_area { padding-top:15px;}.main_banner01 { width:302px; float:left;}

.main_banner02 { width:302px; float:right;}


/* 03. main_left*//* ----------------------------------------------------- */


.blog_new_content { padding:12px 0px; border-bottom:1px solid #bb3300;}

.blog_img { float:left; display: inline; overflow: hidden; width:150px; height:100px;}

.blog_info { width:270px; float:right;}.blog_title h4 { border-bottom:1px solid #bb3300;}

.blog_title h4 a:link,
.blog_title h4 a:visited { font-size:14px; color:#830000; font-weight:bold; padding-bottom:2px; margin-top:12px;}

.blog_title h4 a:hover { font-size:14px; color:#BC4040; font-weight:bold; padding-bottom:2px; margin-top:12px;}

.blog_title h4 a:active { font-size:14px; color:#830000; font-weight:bold; padding-bottom:2px; margin-top:12px;}

.blog_title p { font-size:12px; color:#477733; text-align:right; font-weight:normal; padding-top:2px;}

.blog_text_area { padding:5px 0px;;}.name { color:#477733; text-align:right;}.more { text-align:right; clear:both;}.link_area { padding-top:20px;}.link_content { padding-top:15px;}.link_content h4 { padding-bottom:6px; width:141px; float:left;}.link_content p { padding-bottom:6px; width:281px; float:right;}

/* 04. main_right*//* ----------------------------------------------------- */

.contact_button { padding-bottom:15px;}.movie_area03 { padding-bottom:20px;}

.movie_area03_content { width:144px; border:1px solid #3a6800; background-color:#FFF; padding:7px 12px 7px 12px;}

.movie_area03_content p { text-align:right; padding-top:15px; width:144px;}

.right_banner_area01 li { padding-bottom:8px;}.right_banner_area02 { text-align:center;}

.right_banner_area02 li { padding-top:8px;}

/* 05. footer*//* ----------------------------------------------------- */

.footer_content { padding-bottom:34px; width:844px;}


/* 06. left_content*//* ----------------------------------------------------- */

.movie_area01 { padding-bottom:15px;}

.left_logo_area { padding-bottom:10px;}

.left_logo_area a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}

.sns_area { padding-bottom:18px;}

.sns_area a { display:block; text-indent:-5000px; width:164px; height:150px;}

.sns_area a:link,
.sns_area a:visited { background:url(http://www.s-life.tv/images/ols_enter.gif) no-repeat 0px 0px;}.sns_area a:active { background:url(http://www.s-life.tv/images/ols_enter.gif) no-repeat 0px 0px;}

.sns_area a:hover { background:url(http://www.s-life.tv/images/ols_enter.gif) no-repeat 0px 0px;}

.category_bg { background:url(http://www.s-life.tv/images/category_back01.jpg) no-repeat; height:355px;}

.category02 { border-left:2px solid #ebc57e; border-bottom:2px solid #ebc57e; border-right:2px solid #ebc57e; width:142px; margin-left:8px;}.category02 ul { padding-left:6px;}.category02 li { padding-bottom:7px;}

/* 07. category*//* ----------------
------------------------------------- */

.category01 li a,.category03 li a{ display:block; text-indent:-5000px; height:30px;}.category01 ul,.category03 ul { padding-left:9px;}.category_title02 { padding-left:8px;}li.menu01 { padding-top:8px;}li.menu02 { margin-top:9px;}li.menu03,li.menu04 { margin-top:7px;}li.menu05 { padding-top:14px;}li.menu06 { padding-top:12px;}.menu01 a,.menu01 a:link,.menu01 a:visited { background:url(http://www.s-life.tv/images/menu01.jpg) no-repeat 0px 0px;}.menu01 a:hover { background:url(http://www.s-life.tv/images/menu01.jpg) no-repeat 0px -30px;}.menu01 a:active { background:url(http://www.s-life.tv/images/menu01.jpg) no-repeat 0px 0px;}.menu02 a,.menu02 a:link,.menu02 a:visited { background:url(http://www.s-life.tv/images/menu02.jpg) no-repeat 0px 0px;}.menu02 a:hover { background:url(http://www.s-life.tv/images/menu02.jpg) no-repeat 0px -30px;}.menu02 a:active { background:url(http://www.s-life.tv/images/menu02.jpg) no-repeat 0px 0px;}.menu03 a,.menu03 a:link,.menu03 a:visited { background:url(http://www.s-life.tv/images/menu03.jpg) no-repeat 0px 0px;}.menu03 a:hover { background:url(http://www.s-life.tv/images/menu03.jpg) no-repeat 0px -30px;}.menu03 a:active { background:url(http://www.s-life.tv/images/menu03.jpg) no-repeat 0px 0px;}.menu04 a,.menu04 a:link,.menu04 a:visited { background:url(http://www.s-life.tv/images/menu04.jpg) no-repeat 0px 0px;}.menu04 a:hover { background:url(http://www.s-life.tv/images/menu04.jpg) no-repeat 0px -30px;}.menu04 a:active { background:url(http://www.s-life.tv/images/menu04.jpg) no-repeat 0px 0px;}.menu05 a,.menu05 a:link,.menu05 a:visited { background:url(http://www.s-life.tv/images/menu05.jpg) no-repeat 0px 0px;}.menu05 a:hover { background:url(http://www.s-life.tv/images/menu05.jpg) no-repeat 0px -30px;}.menu05 a:active { background:url(http://www.s-life.tv/images/menu05.jpg) no-repeat 0px 0px;}.menu06 a,.menu06 a:link,.menu06 a:visited { background:url(http://www.s-life.tv/images/menu06.jpg) no-repeat 0px 0px;}.menu06 a:hover { background:url(http://www.s-life.tv/images/menu06.jpg) no-repeat 0px -30px;}.menu06 a:active { background:url(http://www.s-life.tv/images/menu06.jpg) no-repeat 0px 0px;}.category02 li a{ display:block; text-indent:-5000px; height:27px;}.blog_menu01 a,.blog_menu01 a:link,.blog_menu01 a:visited { background:url(http://www.s-life.tv/images/blog_menu01.jpg) no-repeat 0px 0px;}.blog_menu01 a:hover { background:url(http://www.s-life.tv/images/blog_menu01.jpg) no-repeat 0px -27px;}.blog_menu01 a:active { background:url(http://www.s-life.tv/images/blog_menu01.jpg) no-repeat 0px 0px;}.blog_menu02 a,.blog_menu02 a:link,.blog_menu02 a:visited { background:url(http://www.s-life.tv/images/blog_menu02.jpg) no-repeat 0px 0px;}.blog_menu02 a:hover { background:url(http://www.s-life.tv/images/blog_menu02.jpg) no-repeat 0px -27px;}.blog_menu02 a:active { background:url(http://www.s-life.tv/images/blog_menu02.jpg) no-repeat 0px 0px;}

/* 08. left_privacy,left_banner_area*//* ----------------------------------------------------- */

.left_privacy { padding:8px 0px;}

.left_banner_area{ background:url(http://www.s-life.tv/images/category_back02.jpg) no-repeat; height:555px; padding:0px 9px 0px 9px;}

.left_banner_area dt a,
.left_banner_area dt a:link,
.left_banner_area dt a:visited { color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
.left_banner_area dt a:hover { color:#FFF; font-size:14px; font-weight:bold; text-decoration:underline;}
.left_banner_area dd { font-size:12px; text-align:center; color:#FFF; font-weight:bold; padding-bottom:3px;}
.left_banner_area dt { border-top:2px solid #ffdc7c; padding:5px 0px 5px 0px;}



/* 08. 下層ページ仮デザイン*/
/* ----------------------------------------------------- */


.entry-title,
.web_title{ 
background:url(http://www.s-life.tv/images/title_bg.gif) no-repeat;
height:21px;
padding-top:4px;
padding-left:15px;
font-size:14px;
color:#FFF;
font-weight:bold;
}

.web_title {
  padding-bottom:20px;
}

.entry-title a:link,
.entry-title a:visited { font-size:14px; color:#FFF; font-weight:bold;}
.entry-title a:hover { font-size:14px; color:#BC4040; font-weight:bold;}
.entry-title a:active { font-size:14px; color:#FFF; font-weight:bold;}

.asset-body { padding:15px 0px 30px 0px;}

.navi { padding-bottom:8px;}

/* 08. 会社概要*/
/* ----------------------------------------------------- */

.campany {
  padding-bottom:30px;
}

.campany table {
  width:631px;
  border:1px solid #996633;
  background-color:#FFF;
  line-height:1.5em;
  border-collapse:collapse;
  font-size:12px;
}

.campany th {
  width:150px;
  vertical-align:top;
  background-color:#FFF0C2;
  padding:5px 10px;
  border:1px solid #996633;
  color:#996633;
}

.campany td {
  padding:5px 10px;
  border:1px solid #996633;
}

.campany td span{
  display:block;
  text-align:right;
  font-size:10px;
}

.campany td span.deteal{
  display:block;
  text-align:right;
  padding-bottom:10px;
  font-size:10px;
}

.campany td form{
  text-align:right;
}

.campany_img_area {
  padding-bottom:30px;
  width:631px;
}

/* 08. お問合せ*/
/* ----------------------------------------------------- */

.mail_form {
 padding-bottom:30px;
  padding-top:20px;
}

.mail_form table {
 width:631px;
 border:1px solid #996633;
 background-color:#FFF;
 line-height:2em;
 border-collapse:collapse;
 font-size:12px;
}
.mail_form th {
 width:150px;
 vertical-align:top;
 background-color:#FFF0C2;
 padding-left:10px;
 border:1px solid #996633;
 color:#996633;
}

.mail_form td {
 padding-left:10px;
 border:1px solid #996633;
}
.error_message {
  margin-top:10px;
  padding:10px;
  border:1px dotted #996633;
}

.error_message em {
  font-style:normal;
  font-weight:bold;
  color:#bb3300;
}
.form_button {
  text-align:center;
}

.mail_form span {
 color:#bb3300;
 font-weight:bold;
 font-size:10px;
}