@charset "UTF-8";
/*----------------------------------------------
Cecile SC "" style CSS
---------------------------------------------- */

/* base
=================================================== */
#wrapper{
	width: 100%;
}
#headline{
	width: 100%;
	height: 11px;
	background-color: #f90092;
}

/* 2. ヘッダーの設定
---------------------------------------------------------- */
#header{
	width: 100%;
	height: 119px;
	background:url(../img/header_bk.jpg) repeat-x;
}
.h_cont{
	position: relative; top: 0; left: 0;
	width:982px;
	margin: 0 auto;
}
#header .h_logo{
	position: absolute; top: 0; left:-5px;
	z-index: 1;
	width: 313px;
	height: 125px;
	background:url(../img/h_logo_bk.png) no-repeat;
}
#header .h_logo a{
	position: absolute; top: 6px; left: 68px;
	width: 169px;
	height: 88px;
	background:url(../img/logo.png) no-repeat;
	text-indent: -9999px;
}
#header .h_contact{
	position: absolute; top: 11px; right: 14px;
}
#header ul.h_nav{
	position: absolute; top: 64px; left: 235px;
	z-index: 2;
}
#header ul.h_nav li a{
	height: 29px;
	display: block;
	text-indent: -9999px;
}
/* ナビゲーション */
#header ul.h_nav li.h_nav_service{ position: absolute; top: 0; left: 0; }
#header ul.h_nav li.h_nav_vision{ position: absolute; top: 0; left: 124px; }
#header ul.h_nav li.h_nav_about{ position: absolute; top: 0; left: 245px; }
#header ul.h_nav li.h_nav_news{ position: absolute; top: 0; left: 380px; }
#header ul.h_nav li.h_nav_blog{ position: absolute; top: 0; left: 490px; }
#header ul.h_nav li.h_nav_shop{ position: absolute; top: 0; left: 601px; }

#header ul.h_nav li.h_nav_service a{
	width: 105px;
	background: url(../img/h_nav_service.png) no-repeat 0 0;
}
#header ul.h_nav li.h_nav_vision a{
	width: 99px;
	background: url(../img/h_nav_vision.png) no-repeat 0 0;
}
#header ul.h_nav li.h_nav_about a{
	width: 113px;
	background: url(../img/h_nav_about.png) no-repeat 0 0;
}
#header ul.h_nav li.h_nav_news a{
	width: 89px;
	background: url(../img/h_nav_news.png) no-repeat 0 0;
}
#header ul.h_nav li.h_nav_blog a{
	width: 89px;
	background: url(../img/h_nav_blog.png) no-repeat 0 0;
}
#header ul.h_nav li.h_nav_shop a{
	width: 127px;
	background: url(../img/h_nav_shop.png) no-repeat 0 0;
}

#header ul.h_nav li.h_nav_service a:hover{ background-position: 0px -29px; }
#header ul.h_nav li.h_nav_vision a:hover{ background-position: 0px -29px; }
#header ul.h_nav li.h_nav_about a:hover{ background-position: 0px -29px; }
#header ul.h_nav li.h_nav_news a:hover{ background-position: 0px -29px; }
#header ul.h_nav li.h_nav_blog a:hover{ background-position: 0px -29px; }
#header ul.h_nav li.h_nav_shop a:hover{ background-position: 0px -29px; }

#header ul.h_nav li.current_nav a{ background-position: 0px -29px!important; }

/* 3. トップメイン
---------------------------------------------------------- */

#top_main{
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 20px;
}
#top_main #tm_img{
	position: relative; top: 0; left: 0;
	width: 100%;
	height: 493px;
	background:url(../img/tm_img_bk.jpg) repeat-x;
}
#tm_img .tm_slide{
	position: relative; top: 0; left: 0;
	z-index: 1;
	width: 982px;
	height: 493px;
	margin: 0 auto;
	background:url(../img/tm_img_bk.jpg) repeat-x;
}
#tm_img .tm_slide .tm_slide_imgs{
	position: absolute; top: 39px; left: 87px;
	z-index: 1;
}
#tm_img .tm_img_frame{
	position: absolute; top:0; left: 0;
	z-index: 2;
}
#top_main .tm_cont{
	position: relative; top: 0; left: 0;
	z-index: 2;
	width: 982px;
	margin: 0 auto;
	background-color: #fff;
}


/* トップ_タブ切り替え */
#top_main .tm_cont .tm_tabs{
	position: relative; top: -10px; left: 0;
	width: 665px;
	height: 280px;
}

#top_main .tm_cont .tm_tabs ul#tabs{
	position: absolute; top: 0; left: 30px;
	z-index: 2;
}
#top_main .tm_cont .tm_tabs ul#tabs li{
	float: left;
	margin-right: 1px;
}

#top_main .tm_cont .tm_tabs_frame{
	position: absolute; top: 25px; left: 0;
	z-index: 1;
	width: 594px;
	height: 182px;
	padding: 40px 25px 33px 46px;
	background:url(../img/tm_tabs_frame.jpg) no-repeat;
}
#top_main .tm_cont .tm_info_frame{
	width: 594px;
	height: 182px;
	padding: 40px 25px 33px 46px;
	background:url(../img/tm_tabs_frame.jpg) no-repeat;
}
#top_main .tm_cont .tm_frame_box{
	width: 542px;
	height: 187px;
	padding-right: 33px;
	overflow: auto;
	outline: none;
}
#top_main .tm_cont .tm_frame_box a{ text-decoration: underline; }
#top_main .tm_cont .tm_frame_box table{ text-align: left; }
#top_main .tm_cont .tm_frame_box th.data{ width: 88px; text-align: left;}
#top_main .tm_cont .tm_frame_box th.title{ width: 470px; text-align: left;}

#top_main .tm_cont .tm_info_tit{
	margin-left: 30px;
	font-size: 12px;
	line-height: 1;
}
#top_main .tm_cont .tm_info_tit img{
	margin-right: 10px;
}


/* 3. メイン枠
----------------------------------------------------------------*/
#contents{
	position: relative; top: 0; left: 0;
	width: 982px;
	margin: 0 auto;
}
#contents .main{
	position: relative; top: 0; left: 0;
	width: 700px;
	float: right;
}
#contents .main .crumb_link{
	margin-top: 33px;
	padding-bottom: 5px;
	border-bottom: dotted 2px #666666;
}
#contents .main .crumb_link a{
	text-decoration: underline;
}

/* サービス */
#contents .main h2.main_service_tit{
	width: 154px;
	height: 25px;
	margin: 30px 0 0 20px;
	background: url(../img/service/main_service_tit.png) no-repeat;
	text-indent: -9999px;
}
#contents .main .ms_content{
	position: relative; top: 0; left: 0;
	padding: 0 10px;
}
#contents .main .ms_content .ms_box{
	position: relative; top: 0; left: 0;
	width: 670px;
	height: 158px;
	padding: 35px 0 0 11px;
	background: url(../img/service/main_service_bk.png) no-repeat;
}
#contents .main .ms_content .ms_box .left_box{
	width: 360px;
	float: left;
}
#contents .main .ms_content .ms_box .left_box p{
	padding: 10px 0 0 7px;
	line-height: 1.7;
}
#contents .main .ms_content .ms_box .right_box{
	width: 296px;
	float: right;
}
#contents .main .ms_content .ms_box .right_box p.right_link{
	width: 142px;
	padding-right: 8px;
	line-height: 1.7;
	word-wrap: break-word;
}
#contents .main .ms_content .ms_box .right_box .right_link a{
	text-decoration: underline;
}
#contents .main .ms_content .ms_box .right_box .desc_button{
	margin-top: 17px;
	text-align: center;
}

#contents .main .ms_content .ms_box_2{
	position: relative; top: 0; left: 0;
	width: 670px;
	height: 198px;
	padding: 14px 0 0 11px;
	background: url(../img/service/main_service_bk2.png) no-repeat;
}
#contents .main .ms_content .ms_box_2 .left_box{
	width: 360px;
	float: left;
}
#contents .main .ms_content .ms_box_2 .left_box p{
	padding: 10px 0 0 7px;
	line-height: 1.7;
}
#contents .main .ms_content .ms_box_2 .right_box{
	width: 296px;
	float: right;
	text-align: center;
}
#contents .main .ms_content .ms_box_2 .right_box p.right_link{
	padding-right: 10px;
	line-height: 1.7;
	word-wrap: break-word;
}
#contents .main .ms_content .ms_box_2 .right_box .right_link a{
	text-decoration: underline;
}

/* お問い合わせ */
#contents .main h2.main_contactus_tit{
	width: 234px;
	height: 25px;
	margin: 30px 0 0 20px;
	background: url(../img/contact/main_contactus_tit.png) no-repeat;
	text-indent: -9999px;
}
#contents #contact{
	width: 645px;
	height: 462px;
	padding: 120px 0 0 43px;
	background: url(../img/contact/mc_form_bk.jpg) no-repeat;
}
#contents #contact table th, #contents #contact table td{
	vertical-align: top;
	text-align: left;
}

/* ニュース */
#contents .main h2.main_news_tit{
	width: 100px;
	height: 24px;
	margin: 30px 0 0 20px;
	background: url(../img/news/main_news_tit.png) no-repeat;
	text-indent: -9999px;
}

/* ニュースタブ切り替え */
#contents .main .main_news_tabs{
	position: relative; top: 0; left: 0;
	width: 665px;
	margin: 26px auto 0;
}

#contents .main .main_news_tabs ul#tabs{
	position: absolute; top: 0; left: 30px;
	z-index: 2;
	/*margin-left: 30px;*/
	/*margin-top: -10px;*/
}
#contents .main .main_news_tabs ul#tabs li{
	float: left;
	margin-right: 1px;
}
#contents .main .mn_tabs_frame{
	position: absolute; top: 25px; left: 0;
	z-index: 1;
	width: 594px;
	height: 551px;
	padding: 40px 25px 33px 46px;
	background:url(../img/news/mn_tabs_frame.jpg) no-repeat;
}
#contents .main .mn_tabs_frame .mn_frame_box{
	width: 544px;
	height: 551px;
	padding-right: 33px;
	overflow: auto;
	outline: none;
}
#contents .main .mn_tabs_frame .mn_frame_box a{ text-decoration: underline; }
#contents .main .mn_tabs_frame .mn_frame_box table{ text-align: left; }
#contents .main .mn_tabs_frame .mn_frame_box th.data{ width: 90px; text-align: left; }
#contents .main .mn_tabs_frame .mn_frame_box th.title{ width: 470px; text-align: left; font-weight: bold; }

/* 会社概要 */
#contents .main h2.m_about_tit{
	width: 191px;
	height: 25px;
	margin: 30px 0 0 20px;
	background: url(../img/about/main_aboutus_tit.png) no-repeat;
	text-indent: -9999px;
}
#contents .main .m_about_company{
	width: 645px;
	height: 414px;
	margin: 15px auto;
	padding: 60px 0 0 34px;
	background: url(../img/about/ma_company_bk.png) no-repeat;
}
#contents .main .m_about_company h3.ma_company_tit{
	width: 612px;
	height: 34px;
	background: url(../img/about/ma_company_tit.png) no-repeat;
	text-indent: -9999px;
}

/* 概要 */
#contents .main .m_about_company table.ma_company_table{ margin-left: 10px; }
#contents .main .m_about_company table.ma_company_table th,
#contents .main .m_about_company table.ma_company_table td{
	padding: 11px 0;
	vertical-align: middle;
	text-align: left;
}
#contents .main .m_about_company table.ma_company_table th{
	width: 135px;
}
#contents .main .m_about_repres{
	position: relative; top: 0; left: 0;
	width: 626px;
	height: 522px;
	margin: 15px auto;
	padding: 42px 0 0 50px;
	background: url(../img/about/ma_repres_bk.jpg) no-repeat;
}
#contents .main .m_about_repres h4.ma_repres_tit{
	width: 131px;
	height: 19px;
	margin-left: 3px;
	background: url(../img/about/ma_repres_tit.png) no-repeat;
	text-indent: -9999px;
}
#contents .main .m_about_repres .activ_produce{
	width: 290px;
	margin-top: 25px;
}
#contents .main .m_about_repres .activ_produce .ap_tit{
	margin-left: 3px;
}
#contents .main .m_about_repres .activ_produce p{
	line-height: 1.7;
	margin-bottom: 20px;
}
/* 固定オブジェクト */
#contents .main .m_about_repres .representative_img{
	position: absolute; top: 96px; left: 409px;
}
#contents .main .m_about_repres .representative_name{
	position: absolute; top: 397px; right: 62px;
}
#contents .main .m_about_repres .sns_fb_icon{ position: absolute; top: 431px; right: 206px; }
#contents .main .m_about_repres .sns_amoeba_icon{ position: absolute; top: 431px; right: 151px; }
#contents .main .m_about_repres .sns_twitter_icon{ position: absolute; top: 431px; right: 96px; }

/* ヴィジョン_企業理念 */
#contents .main h2.m_vision_tit{
	width: 122px;
	height: 25px;
	margin: 30px 0 0 20px;
	background: url(../img/vision/main_vision_tit.png) no-repeat;
	text-indent: -9999px;
}
#contents .main .m_vision{
	position: relative; top: 0; left: 0;
	width: 636px;
	height: 350px;
	margin: 20px 0 0 5px;
	padding: 147px 25px 0 30px;
	background: url(../img/vision/m_vision_bk.png) no-repeat;
}
#contents .main .m_vision p{
	line-height: 1.7;
}
#contents .main .m_vision .m_vision_bat{
	position: absolute; top: 8px; left: 33px;
}
#contents .main .m_vision h3.m_vision_cath{
	position: absolute; top: 62px; left: 177px;
	width: 221px;
	height: 46px;
	background: url(../img/vision/corp_reason_cath.png) no-repeat;
	text-indent: -9999px;
}

/* ヴィジョン 代表メッセージ */
#contents .main .mv_message{
	position: relative; top: 0; left: 0;
	width: 648px;
	height: 1150px;
	margin: 20px 0 0 5px;
	padding: 49px 0 0 31px;
	background: url(../img/vision/mv_message_bk.png) no-repeat;
}
#contents .main .mv_message_bat{
	position: absolute; top: -48px; right: 30px;
}
#contents .main .mv_message p{
	line-height: 1.7;
}
#contents .main .mv_message p.representative_name{
	padding-right: 47px;
	text-align: right;
}
#contents .main .mv_message p.representative_name strong{
	font-size: 20px;
}

/* ヴィジョン MOVIE */
#contents .main .mv_movie{
	position: relative; top: 0; left: 0;
	width: 617px;
	height: 500px;
	margin: 20px 0 0 12px;
	padding: 0 31px;
	background: url(../img/vision/mv_movie_bk.png) no-repeat;
}
#contents .main .mv_movie .mv_movie_bat{}
#contents .main .mv_movie .mv_movie_cath{
	position: absolute; top: 85px; left: 163px;
}

/* 4. left_side
----------------------------------------------------------------*/
#contents .left_side{
	width: 215px;
	margin-top: 55px;
	float: left;
}
#contents .left_side ul{
}
#contents .left_side ul li{
	padding: 15px 0 15px 28px;
	background: url(../img/ls_list_mark.gif) no-repeat 13px 18px;
	border-bottom: dotted 1px #666666;
}
#contents .left_side ul li a{
}
#contents .left_side ul li.ls_current a{
	color: #f14c87;
}
/*facebock*/
.right_side .pvs{
	padding-top:15px;
}
/* 4. footer
----------------------------------------------------------------*/
#footer{
	width:100%;
	background-color: #fdf4eb;
}
#footer .f_nav{
	width: 100%;
	height: 40px;
	background-color: #f9c7d5;
}
#footer .f_nav .f_nav_list{
	width: 982px;
	margin: 0 auto;
}
#footer .f_nav .f_nav_list ul{
	margin-left: 25px;
}
#footer .f_nav .f_nav_list ul li{
	float: left;
}
#footer .f_nav .f_nav_list ul li a{
	height: 13px;
	margin: 15px 112px 0 0;
	display: block;
	text-indent: -9999px;
}
#footer .f_nav .f_nav_list ul li.f_nav_service a{
	width: 61px;
	background: url(../img/f_nav_service.jpg) no-repeat 0 0;
}
#footer .f_nav .f_nav_list ul li.f_nav_vision a{
	width: 52px;
	background: url(../img/f_nav_vision.jpg) no-repeat 0 0;
}
#footer .f_nav .f_nav_list ul li.f_nav_about a{
	width: 74px;
	background: url(../img/f_nav_about.jpg) no-repeat 0 0;
}
#footer .f_nav .f_nav_list ul li.f_nav_news a{
	width: 36px;
	background: url(../img/f_nav_news.jpg) no-repeat 0 0;
}
#footer .f_nav .f_nav_list ul li.f_nav_blog a{
	width: 36px;
	background: url(../img/f_nav_blog.jpg) no-repeat 0 0;
}

#footer .f_nav .f_nav_list ul li.f_nav_shop a{
	width: 101px;
	margin-right: 0;
	background: url(../img/f_nav_shop.jpg) no-repeat 0 0;
}

#footer .f_nav .f_nav_list ul li.f_nav_service a:hover{ background-position: 0 -13px; }
#footer .f_nav .f_nav_list ul li.f_nav_vision a:hover{ background-position: 0 -13px; }
#footer .f_nav .f_nav_list ul li.f_nav_about a:hover{ background-position: 0 -13px; }
#footer .f_nav .f_nav_list ul li.f_nav_news a:hover{ background-position: 0 -13px; }
#footer .f_nav .f_nav_list ul li.f_nav_blog a:hover{ background-position: 0 -13px; }
#footer .f_nav .f_nav_list ul li.f_nav_shop a:hover{ background-position: 0 -13px; }


#footer .f_nav_fine{
	position: relative; top: 0; left: 0;
	width: 982px;
	height: 130px;
	margin: 0 auto;
}
#footer .f_nav_fine ul li{
	width: 170px;
	letter-spacing: -1px;
	margin-top: 8px;
	color: #4f3f2b;
}
#footer .f_nav_fine .n_fine_service{ position: absolute; top:0; left: 35px;}
#footer .f_nav_fine .n_fine_vision{ position: absolute; top:0; left: 215px;}
#footer .f_nav_fine .n_fine_about{ position: absolute; top:0; left: 375px;}
#footer .f_nav_fine .n_fine_news{ position: absolute; top:0; left: 550px;}

#footer .f_band_left{
	background: url(../img/f_band_left.jpg) repeat-x 0 0;
	text-align: right;
}
#footer .f_band_right{
	background: url(../img/f_band_right.jpg) repeat-x 0 0;
}