@charset "UTF-8";
/*-----------------------------------------
基本スタイルシート
更新日：2009年11月20日
-------------------------------------------
目次：

・基本セット
・body設定
・wrap設定
・ヘッダー
・メインメニュー
・メインイメージ（Flash）設定
・トップページ用・メインコンテンツ
・メインコンテンツwrap設定
・左カラム設定（TOP用）
・左カラム設定（シングルページ用）
・右カラム設定
・フッター

------------------------------------------*/

/*--------------------------
　　・基本セット
---------------------------*/

/*　magin paddingオールリセット　*/
* {
	margin: 0px;
	padding: 0px;
}
br{letter-spacing:0;}
ol,ul{list-style:none; margin:0; padding:0;}
img{border-width:0px;}
a{text-decoration:none; }
h1,h2,h3,h4,h5,h6,ul,address,form,blockquote{text-align:left; display: block; font-style: normal;}
p{line-height:1.6em;}
.underline{text-decoration:underline;}
.txtL{text-align:left;}
.txtR{text-align:right;}
.txtC{text-align:center;}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both; height:0px; line-height:0px;}
.clearleft{clear:left; height:0px; line-height:0px;}
.clearright{clear:right; height:0px; line-height:0px;}
.clearfix{display:inline-block;}  
.clearfix:after{   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   } 
/* Hides form IE5-mac \*/
*html .clearfix{height:1%;}
/*End hide from IE-mac*/
.marginL5{margin-left:5px;}
.marginB5{margin-bottom:5px;}
.marginB10{margin-bottom:10px;}
.marginB20{margin-bottom:20px;}
.marginB30{margin-bottom:30px;}
.marginB40{margin-bottom:40px;}
.borderB{border-bottom:1px dotted #333;}
.red{color:#990000;}
.hidden {
   display: none;
   visibility: hidden;
}
.blue{color:#0000FF;}
.white{color:#FFFFFF;}

img {
	border: none;
	vertical-align:bottom
}
/*
#wrap a:hover img {
	filter:alpha(opacity= 70); /* IE */
	-moz-opacity:0.70; /* Firefox CSS3以前 */
	opacity:0.70; /* CSS3 */
}*/


/*　基本リンク色設定　*/
a:link {
	color: #333232;
}

a:hover {
	color:#FF0000;
}

a:visited {
	color: #333232;
}

.clearfloat {
	clear: both;
	height: 0px;
	width: 0px;
}

.red01 {
	color:#FF0000;
}

.red01 a:link {
	color:#FF0000;
}

.red01 a:visited {
	color:#FF0000;
}

.red01 a:hover {
	color:#000000;
}

.red02 {
	color:#FF0000;
	font-weight: bold;
}

.blue01 {
	color: #0033FF;
}

.bold01 {
	font-weight: bold;
}

.big01 {
	font-weight: bold;
	font-size: 1.5em;
}

/*-------------------------------------
　　・body設定
-------------------------------------*/

/*　body設定　*/
body {
	font-family: "ＭＳ Ｐゴシック" , sans-serif, "ヒラギノ角ゴ Pro W3", Osaka;
	font-size: 0.8em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #fff;
	background: url(/img/bg.jpg) 0 0 repeat-x;
	}

/*-------------------------------------
　　　・wrap設定
-------------------------------------*/

/*　全体を覆うラップ設定　*/
#wrap {
	width: 900px;
	color: #333232;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*-------------------------------------
　　・ヘッダー設定
-------------------------------------*/
/*　ヘッダーを覆うラップ設定　*/
#header {
	width: 900px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	overflow:hidden;
	background-image: url(/img/header01.jpg);
}

#header h1,
#header_cate h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 95px;
	width: 200px;
	float: left;
}

/*　h1にリンクを設定　*/
h1 a{
	display: block;
	height: 95px;
	width: 200px;
}

/*　ヘッダー右　*/
#head_right .sub_menu{
	text-indent: -9999px;
	float: right;
	overflow:hidden;
	height: 24px;
	width: 381px;
	margin:25px 0 25px 0;
	background-image:url(/img/sub_menu01.jpg);
	background-repeat: no-repeat;
}
#head_right .sub_menu li{
	float:left;
	list-style-type: none;
}
#head_right .sub_menu li a{
	display:block;
	height:24px;
}
#head_right .sub_menu li.menu001 a{width:133px;}
#head_right .sub_menu li.menu002 a{width:111px;}
#head_right .sub_menu li.menu003 a{width:136px;}
#head_right .sub_menu li.menu001 a:hover{
	background-image: url(/img/sub_menu01.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;}
#head_right .sub_menu li.menu002 a:hover{
	background-image: url(/img/sub_menu01.jpg);
	background-position: -133px bottom;
	background-repeat: no-repeat;}
#head_right .sub_menu li.menu003 a:hover{
	background-image: url(/img/sub_menu01.jpg);
	background-position: -244px bottom;
	background-repeat: no-repeat;}
#head_right .main_menu{
	
	text-indent: -9999px;
	float: right;
	overflow:hidden;
	height: 24px;
	width: 381px;
	background-image:url(/img/main_menu01.jpg);
}
#header h2,
#header_cate p{
	clear:both;
	color:#fff;
	text-align:right;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
}
/*　カテゴリテンプレ用　*/
#header_cate {
	width: 900px;
	height: 100px;
	margin-bottom:35px;
	background-repeat: no-repeat;
	overflow:hidden;
	background-image: url(/img/header01.jpg);
}

#to_top{width:900px; margin:0 auto;}
/*-----------------------------------
　　・メインメニュー設定
------------------------------------*/
.main_menu {
	width: 900px;
	height: 53px;
	background-repeat: no-repeat;
	background-image: url(/img/main_menu01.jpg);
}

.main_menu ul li  {
	text-indent: -9999px;
	float: left;
	margin-right:5px;
	list-style-type: none;
}

.main_menu  .menu01 a {
	display: block;
	height: 24px;
	width: 67px;
}

.main_menu  .menu01 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

.main_menu  .menu02 a {
	display: block;
	height: 24px;
	width: 67px;
}

.main_menu  .menu02 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -72px bottom;
	background-repeat: no-repeat;
}

.main_menu  .menu03 a {
	display: block;
	height: 24px;
	width: 67px;
}

.main_menu  .menu03 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -144px bottom;
}

.main_menu  .menu04 a {
	display: block;
	height: 24px;
	width: 67px;
}

.main_menu  .menu04 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -216px bottom;
}

.main_menu  .menu05 a {
	display: block;
	height: 24px;
	width: 93px;
}

.main_menu  .menu05 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -288px bottom;
}

.main_menu  .menu001 a {
	display: block;
	height: 24px;
	width: 93px;
}

.main_menu  .menu001 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -368px bottom;
}
.main_menu  .menu002 a {
	display: block;
	height: 24px;
	width: 93px;
}

.main_menu  .menu002 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -466px bottom;
}
.main_menu  .menu003 a {
	display: block;
	height: 24px;
	width: 93px;
}

.main_menu  .menu003 a:hover {
	background-image: url(/img/main_menu01.jpg);
	background-position: -466px bottom;
}

/*-----------------------------------
　　・メインイメージ設定
------------------------------------*/
#main_img {
	clear: both;
	background: url(/img/top_pic01.jpg) 0 0 no-repeat;
	padding:185px 0 0 42px;
	height: 115px;
	width: 858px;
	margin-bottom:10px;
}
*html #main_img{width:285px; height:300px;}
*html #main_img .login_box{height:100px;}
*html #main_img {padding:185px 0 0 42px;  width: 900px;}
*html #main_img .login_box p{width:215px; height:45px;}
#main_img .login_box p{text-indent:-9999px; display:block; width:215px; height:45px;}
#main_img .login_box p a{display:block; width:215px; height:45px;}
#main_img .login_box p.b1 a:hover{background: url(/img/top_pic02.jpg) -42px -185px no-repeat;}
#main_img .login_box p.b2 a:hover{background: url(/img/top_pic02.jpg) -42px -230px no-repeat;}
#main_img .login_box p.left{
	text-indent:-9999px;float:left; padding-top:10px;}
#main_img .login_box p.right{
	text-indent:-9999px;float:right; padding-top:10px;}
/*-----------------------------------
　・メインコンテンツ
------------------------------------*/
#main_content {
	clear: both;
	margin:0 auto;
	text-align:center;
	width: 885px;
}

#main_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html #main_content {
    height: 1em;
    overflow: visible;
}

/*-----------------------------------
　・左カラム設定（TOP用）
------------------------------------*/
#left_column {
	float: left;
	width: 192px;
}
/*--トップ--*/
#left_column h2 {clear: both;}
#left_column li.type1_1{background: url(/img/banner01.jpg) 0 0 no-repeat; text-indent:-9999px;}
#left_column li.type1_2{background: url(/img/banner02.jpg) 0 0 no-repeat; text-indent:-9999px;}
#left_column li.type1_3{background: url(/img/banner03.jpg) 0 0 no-repeat; margin-bottom:4px; text-indent:-9999px;}
#left_column li.type1_4{background: url(/img/banner04.jpg) 0 0 no-repeat; margin-bottom:4px; text-indent:-9999px;}
#left_column li.type1_5{background: url(/img/banner06.jpg) 0 0 no-repeat; margin-bottom:4px; text-indent:-9999px;}

#left_column li.type2_1{background: url(/img/banner04.jpg) 0 0 no-repeat; margin-bottom:10px; text-indent:-9999px;}
#left_column li.type2_2{background: url(/img/banner05.jpg) 0 0 no-repeat; text-indent:-9999px;}
#left_column li.type1_1 a,
#left_column li.type1_2 a,
#left_column li.type1_3 a,
#left_column li.type1_4 a,
#left_column li.type1_5 a{display:block; width:192px; height:96px;}
#left_column li.type1_1 a{background: url(/img/banner01.jpg) 0 0 no-repeat;}
#left_column li.type1_2 a{background: url(/img/banner02.jpg) 0 0 no-repeat;}
#left_column li.type1_3 a{background: url(/img/banner03.jpg) 0 0 no-repeat;}
#left_column li.type1_4 a{background: url(/img/banner04.jpg) 0 0 no-repeat;}
#left_column li.type2_1 a{background: url(/img/banner04.jpg) 0 0 no-repeat;}
#left_column li.type2_2 a{background: url(/img/banner05.jpg) 0 0 no-repeat;}
#left_column li.type2_1 a,
#left_column li.type2_2 a{display:block; width:192px; height:79px;}
#left_column li.type1_1 a:hover{background: url(/img/banner01_on.jpg) 0 0 no-repeat;}
#left_column li.type1_2 a:hover{background: url(/img/banner02_on.jpg) 0 0 no-repeat;}
#left_column li.type1_3 a:hover{background: url(/img/banner03_on.jpg) 0 0 no-repeat;}
#left_column li.type1_4 a:hover{background: url(/img/banner04_on.jpg) 0 0 no-repeat;}
#left_column li.type1_5 a:hover{background: url(/img/banner06_on.jpg) 0 0 no-repeat;}
#left_column li.type2_1 a:hover{background: url(/img/banner04_on.jpg) 0 0 no-repeat;}
#left_column li.type2_2 a:hover{background: url(/img/banner05_on.jpg) 0 0 no-repeat;}
/*--ブログ--*/
#left_column .blog li{border-bottom:1px dotted #333;font-size:12px;margin-bottom:3px; padding:5px;}
#left_column .blog li a{color:#333;}
.blog_entry{}
.blog_entry img{display:block; padding:5px 5px 5px 0;}


#news_box {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

#news_box li {
	list-style-type: none;
	background-image: url(/img/line01.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	text-align:left;
}

#news_box li a:link {
	text-decoration: none;
	color:#0000FF;
}

#news_box li a:hover {
	text-decoration: underline;
	color:#0000FF;
}

#news_box li a:visited {
	text-decoration: none;
	color:#5E6BE3;

}

#recommen_box {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	width:640px;
}


#recommen_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#recommen_box a:link {
	color: #0033FF;
}

#recommen_box a:hover {
	color:#FF0000;
}

#recommen_box a:visited {
	color: #0033FF;
}

* html #recommen_box {
    height: 1em;
    overflow: visible;
}

.recommen_img01 {
	float: left;
	background-color: #F3F3F3;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.recommen_txt01 {
	float: left;
	margin-left: 20px;
	width: 310px;
}

.recommen_txt01 p {
}

#access_box {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}

#access_box h3 {
	margin-bottom: 15px;
}

#access_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html #access_box {
    height: 1em;
    overflow: visible;
}

.access_img01 {
	float: left;
	background-color: #F3F3F3;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.access_txt01 {
	float: left;
	margin-left: 20px;
	width: 310px;
}

.access_txt01 p {
	line-height: 2em;
}

/*-----------------------------------
　・左カラム設定（シングルページ用）
------------------------------------*/
#left_column_single {
	background-image: url(/img/item_menu_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 186px;
	background-color:#FFFFFF;
	height:504px;
	padding:40px 6px 6px 6px;}
*html #left_column_single {width: 192px; height:271px;}
#left_column_single img{margni-bottom:5px;}
#left_column_single li{text-align:left; text-indent:25px; border-bottom:1px dotted #ccc; padding:5px; list-style-type:none;}
#left_column_single li a{display::block; width:150px;}
#left_column_single a:hover{color:#0033ff;}
#left_column_single h2 {}

#left_column_single h3 {}

#left_column_single h4 {}


/*-----------------------------------
　・右カラム設定
------------------------------------*/
#right_column {
	float: right;
	width: 673px;
	overflow: hidden;
}

#right_column li {
	list-style-type: none;
	margin-bottom: 5px;
}

#mobile01 {
	background-image: url(/img/mobile01.jpg);
	background-repeat: no-repeat;
	width: 258px!important;
	width: 268px;
	padding-top: 10px;
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #666666;
	background-position: 10px 10px;
	background-color: #FDFDFD;
}

#mobile01 h3 {
	font-size: 1em;
	margin-left: 110px;
	margin-bottom: 5px;
}

#mobile01 p {
	margin-left: 110px;
	line-height: 1.5em;
}
p.link{color:#0000ff; font-size:12px; text-decoration:underline;}
p.link a{color:#0000ff}
p.link:hover{color:#0000ff;}
/*-----------------------------------
　　　・フッター設定
------------------------------------*/
#footer {
	clear: both;
	overflow:hidden;
	margin-top: 25px;
	background: url(/img/footer_bg.jpg) 0 0 repeat-x;
	height: 50px;
}
#footer p{
	font-size:10px;
	color:#FFFFFF;
	margin:0 auto;
	text-align:right;
	width:900px;}
/*-----------------------------------
　　　・カテゴリテンプレ設定
------------------------------------*/
#entry{ height;600px:}
#entry h2{margin-bottom:20px;}
#entry .box{width:658px; margin:0 0 0 15px; text-align:left;}
/* ■コンセプトページ■*/
.concept_p .box1 img{margin-bottom:5px;}
.concept_p .box1 p{margin-bottom:15px;}
.concept_p .box1 ul{margin-bottom:15px;}
.concept_p .box1 li{display:block;}
.concept_p .box2{
	background-image: url(/img/concept_bg2.jpg);
	background-repeat: no-repeat;
	width:649px;
	height:458px;}
.concept_p .box2_1,
.concept_p .box2_2{width:649px; margin-bottom:15px;}
.concept_p .box2_1 .c1,
.concept_p .box2_1 .c2{	
	background-repeat: no-repeat;
	padding:75px 10px 10px 15px;
	width:280px;
	height:102px;}

.concept_p .box2 p{line-height:1.4em; font-size:10px;}
.concept_p .box2 .c1 p,
.concept_p .box2 .c2 p{margin-top:70px; padding:0 35px 15px 15px;height:108px; width:290px;}
.concept_p .box2 .c3 p,
.concept_p .box2 .c4 p,
.concept_p .box2 .c5 p{margin-top:45px; padding:0 15px 15px; width:192px; height:107px; }

*html .concept_p .box2 .c1 p,
*html .concept_p .box2 .c2 p{height:108px;}
*html .concept_p .box2 .c3 p,
*html .concept_p .box2 .c4 p,
*html .concept_p .box2 .c5 p{height:107px; }

.concept_p .box2 .c1{background-image: url(/img/concept_c1.png); background-repeat: no-repeat; float:right; }
.concept_p .box2 .c2{background-image: url(/img/concept_c2.png); background-repeat: no-repeat; float:right; }
.concept_p .box2 .c3{background-image: url(/img/concept_c3.png);background-repeat: no-repeat; float:left;}
.concept_p .box2 .c4{background-image: url(/img/concept_c4.png);background-repeat: no-repeat; float:left;}
.concept_p .box2 .c5{background-image: url(/img/concept_c5.png);background-repeat: no-repeat; float:left;}

.system_p{}
.system_p ul li{
	background-image:url("/img/icon1.jpg");
	background-repeat:no-repeat;
	text-indent:15px;
	padding-bottom:5px;
	padding-top:2px;}

/* ■カットページ■*/
.menu_p td{vertical-align:top;}
.menu_p h3{}
.menu_p ul.border{border:1px solid #ccc; padding:8px; width:288px;}
.menu_p .type1{width:325px; margin-bottom:20px;}
.menu_p p.txt2{font-size:12px; text-align:left;}


/* ■アクセスページ■*/
.access_p p.txt{text-align:left;}

/* ■スタッフ紹介一覧ページ■*/
.staff_p{
	margin:0 0 0 15px;
	text-align:left;
	width:658px;}

.staff_p .type1 .type2{
	float:left; 
	margin:0 5px 5px 0;
	padding:3px;
	border:1px solid #CCCCCC;
	}
.staff_p .type1 .type3{text-align:center;}
.staff_p .type1{height:190px; clear:both;}
.staff_p .type1 p{text-align:center; padding-top:3px;}
.staff_p .type1 p{text-align:left;}
.staff_p .type1 h3{font-size:14px; font-weight:bold; color:#666; }
.staff_p .type1 h3 a{color:#003399;}
.staff_p .type1 p{font-size:12px;}
/*スタッフ紹介詳細ページ*/
#staff_entry{text-align:left;}
#staff_entry h3{margin-bottom:10px; font-size:16px;}
#staff_entry .box1{margin-bottom:10px;}
#staff_entry .box1 p.title{margin-bottom:5px; border-bottom:1px dashed #333;}
#staff_entry td{vertical-align:top;}
#staff_entry td .right{margin-left:5px;}
/* ■アイテムページ■*/
#item_p .box1{
background-image:url("/img/item_bg.jpg");
background-repeat:repeat-y;
color:#24120E;
font-size:14px;
line-height:1.4em;
margin-bottom:10px;
padding:15px;
width:628px;
}

#item_p .box1 a{color:#333232;}
#item_p .box1 a:hover{text-decoration:underline;}
h3.item{margin-bottom:10px; border-bottom:1px dotted #534A2B; padding-bottom:10px;}
.item_title{text-align:left; margin-bottom:10px;}
#item_about{width:673px; height:162px;
	background-image: url(/img/item_about.jpg);
	background-repeat: no-repeat;
	text-align:left; }
#item_about p{width:296px;padding-top:10px; margin:0 0 0 10px; text-align:left;}
.item_p{text-align:left; padding:15px 0; border-bottom:1px dotted #999;}
.item_p h3{height:25px;}
.item_p p{text-align:left;width:650px;}
.item_p p.txt{margin-bottom:5px;}
.item_p p.s,
.item_p p.r{font-size:10px;}
.item_p .item_photo{width:150px; height:150px; float:left; margin:0 10px 0 0; clear:both;}
.item_p .item_photo img{max-width:140px;}
/* ■カレンダーページ■*/
.calendar_p {}
.calendar_top{text-align:left;margin:0 auto; width:620px;}
/* ■採用ページ■*/
.recruit_p .box1{background-image: url(/img/recruit_bg.jpg);background-repeat: repeat-y; 
	width:628px; 
	padding:15px;  		
	margin-bottom:20px;
	color:#24120E;
	font-size:14px; font-weight:bold; line-height:1.4em;}
.recruit_p .box2{margin-bottom:20px; line-height:1.4em;}
.recruit_p .box2 h3{background-image: url(/img/icon1.jpg);background-repeat: no-repeat; 
	text-indent:15px;
	line-height:20px;
	border-bottom:1px dashed #24120E;
	margin-bottom:5px;}


/* ■お問い合わせページ■*/
.inquiry_area{width:620px;}
.inquiry_area h3{margin-bottom:5px;}
.inquiry_area .cf_title_head_comment{margin-bottom:5px;}
.inquiry_area table{width:550px;}



#recommen_box h3{height:25px;}
#recommen_box p{text-align:left;}
#recommen_box  .item_photo{float:left; margin-right:5px; border:1px solid #ccc;}
p.item_link{text-align:right;}
p.item_link a{color:#0000ff;text-decoration:underline;}

/* 2011.2.01追加 スタイルページ*/
.style_p{}
.style_p h3{
   border-bottom: 1px dotted #666666;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(/img/icon1.jpg) no-repeat 0 0;
  text-indent: 15px;	
}
.style_p .type0{background-color:#fff; border:1px solid #ccc; padding:3px; float:left;   margin-right: 10px;}
.style_p .type2{float:left; width:205px;margin-right:10px;}
.style_p .type2 img{background-color:#fff; border:1px solid #ccc; padding:3px;}
.style_p h4{ text-align:left; 	line-height:1.6em; font-weight:bold;   border-bottom: 1px dotted #999999;}
.style_p .naiyou,
.style_p .name,
.style_p .way,
.style_p .body{
	line-height:1.6em;
	font-size:14px; 
	text-align:left;
	margin-bottom:10px;
}