@charset "utf-8";



/* ----------------------------------------
 * このスタイルシートでは、ティザーサイトのヘッダー、コンテンツの入る白背景、フッターと全体の設定をいています。
基本的に修正する必要のないスタイルシートです。
各ページごとのスタイルは、それぞれcssを作成して設定。
 * ---------------------------------------- */

/* ----------------------------------------
 * SAMPLE（プロパティはこの順番で記述）
 * ---------------------------------------- */
/*
div.section_base {
	margin: 0 0 15px 0;
	padding: 8px 10px;
	border: 1px solid #f00;	    width > style > color 
	display: block;
	position: absolute;
	top :0;
	right: 0;
	bottom: 0;
	left: 0;
	float: none;
	clear: both;
	z-index: 1;
	width: 600px;
	min-width: 400px;
	max-width: 600px;
	height: 300px;
	min-height: 100px;
	max-height: 300px;
	line-height: 1.5;
	vertical-align: middle;
	overflow: auto;
	clip: auto;
	visibility: visible;
	list-style: disc outside;      type > position > image 
	color: #000;
	background: #fff url(/images/bg.png) repeat-y fixed top left;	    color > image > repeat > attachment > position 
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;
	line-height:1.5; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-indent: 1em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	text-transform: lowercase;
	cursor: pointer;
	}
*/




/* ----------------------------------------
 * RESET
 * ---------------------------------------- */
*{font-size:100%;}

div,dl,dt,dd,ul,ol,li,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td,h1,h2,h3,h4,h5{margin:0; padding:0;text-align: left;}

img {border: 0;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

p {text-align:left;}

a{
	color:#666666;
	outline:none;
}
a:hover{
	color: #fd2c03;
}
/* ----------------------------------------
 * BODY
 * ---------------------------------------- */
body{
	margin:0 auto;
	background: url(../images/common/body_bg.gif) repeat-x 0 0 #ffe3a6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size:75%;
	text-align: center;
	line-height:140%;
}




/* ----------------------------------------
 * WRAPPER
 * ---------------------------------------- */
div#wrapper{
	margin:0 auto;
	padding:0;
	width:960px;

}


/* ----------------------------------------
 * HEADER
 * ---------------------------------------- */
div#header{
	padding:0;
	clear:both;
	width:960px;
	height:83px;
	overflow: hidden;
}

/* LOGO */
div#header_logo{
	float:left;
	width:266px;
	height:57px;
	padding-left:5px;
}

div#header_logo h1{
	margin-top:25px;
	display:block;
	width:266px;
	height:57px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/logo.gif) no-repeat 0 0;
}




/* HEADER　お問い合せ */
div#header_contact{
	float:right;
	padding:40px 10px 0 0;

}
div#header_contact p{
	width:155px;
	height:33px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/head_contact.gif) no-repeat 0 0;
	display:block;
}
div#header_contact p a{
	width:155px;
	height:33px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/head_contact.gif) no-repeat 0 0;
	display:block;
}
div#header_contact p a:hover{
	background: url(../images/common/head_contact.gif) no-repeat 0 -33px;
}
/* ----------------------------------------
 * Gnavi
 * ---------------------------------------- */

div#gnavi{
	margin-top:36px;
	margin-left:10px;
	margin-bottom:10px;
	width:940px;
	height:48px;
	overflow: hidden;
	background: url(../images/common/gnavi.gif) no-repeat 0 0;
}

div#gnavi ul{

}

div#gnavi ul li{
	float:left;
	overflow: hidden;
	text-indent: -9999px;
}

div#gnavi ul li#gnavi01 a{
	display:block;
	width:88px;
	height:48px;
}
div#gnavi ul li#gnavi02 a{
	display:block;
	width:95px;
	height:48px;
}
div#gnavi ul li#gnavi03 a{
	display:block;
	width:164px;
	height:48px;
}
div#gnavi ul li#gnavi04 a{
	display:block;
	width:115px;
	height:48px;
}
div#gnavi ul li#gnavi05 a{
	display:block;
	width:128px;
	height:48px;
}
div#gnavi ul li#gnavi06 a{
	display:block;
	width:137px;
	height:48px;
}
div#gnavi ul li#gnavi07 a{
	display:block;
	width:113px;
	height:48px;
}
div#gnavi ul li#gnavi08 a{
	display:block;
	width:100px;
	height:48px;
}

div#gnavi ul li#gnavi01 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat 0 -48px;
}
div#gnavi ul li#gnavi02 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -88px -48px;
}
div#gnavi ul li#gnavi03 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -183px -48px;
}
div#gnavi ul li#gnavi04 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -347px -48px;
}
div#gnavi ul li#gnavi05 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -462px -48px;
}
div#gnavi ul li#gnavi06 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -590px -48px;
}
div#gnavi ul li#gnavi07 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -727px -48px;
}
div#gnavi ul li#gnavi08 a:hover{
	background: url(../images/common/gnavi.gif) no-repeat -840px -48px;
}


body#index div#gnavi ul li#gnavi01 a{
	background: url(../images/common/gnavi.gif) no-repeat 0 -48px;
}
body#company div#gnavi ul li#gnavi02 a{
	background: url(../images/common/gnavi.gif) no-repeat -88px -48px;
}
body#vision div#gnavi ul li#gnavi03 a{
	background: url(../images/common/gnavi.gif) no-repeat -183px -48px;
}
body#message div#gnavi ul li#gnavi04 a{
	background: url(../images/common/gnavi.gif) no-repeat -347px -48px;
}
body#member div#gnavi ul li#gnavi05 a{
	background: url(../images/common/gnavi.gif) no-repeat -462px -48px;
}
body#release div#gnavi ul li#gnavi06 a{
	background: url(../images/common/gnavi.gif) no-repeat -590px -48px;
}
body#access div#gnavi ul li#gnavi07 a{
	background: url(../images/common/gnavi.gif) no-repeat -727px -48px;
}
body#recruit div#gnavi ul li#gnavi08 a{
	background: url(../images/common/gnavi.gif) no-repeat -840px -48px;
}


/* ----------------------------------------
 * CONTENTS AREA BASE（影つき白背景）
 * ---------------------------------------- */
div#contin_base{
	clear:both;
	overflow: hidden;
	width:960px;
	background: url(../images/common/cont_body_bg.gif) repeat-y 0 0;

}

div#contin_main{
	padding:0 0 0 0;
	clear:both;
	overflow: hidden;
	width:960px;
	background: url(../images/common/cont_bg.gif) no-repeat 0 0;

}

div#contin_bottom{
	padding-top:10px;
	clear:both;
	overflow: hidden;
	width:960px;
	height: 44px;
	background: url(../images/common/cont_bottom.gif) no-repeat left bottom;

}

/* ----------------------------------------
 * CONTENTS
 * ---------------------------------------- */
 
div#contents{
	margin:15px auto;
	width:922px;
	min-height:410px;
	height: auto !important;
	height: 410px;
}

 
body#index div#contents_left{
	width:640px;
	float:left;
}
 
body#index div#contents_right{
	width:260px;
	float:right;
}


div#contents_left_page{
	margin-top:20px;
	padding-left:10px;
	width:710px;
	float:left;
}
 

div#contents_left_page h2 img{
	margin-bottom:20px;
}
 
div#contents_right_page{
	margin-top:20px;
	width:170px;
	float:right;
}


/* 2カラム 右カラムの設定は3カラムと同じ*/
div#main_column{
	margin-right:5px;
	float:left;
	width:625px;
}


/* ページトップ */
div.page_top{
	margin-top:50px;
	clear:both;

}
div.page_top p{
	text-align:right;
}
div.page_top p a{
	color:#fe6a13;
}


/* ぱんくず */
div#contin_base div#contin_main div#pannnavi{
	padding:10px 0 0 10px;
}

div#contin_base div#contin_main div#pannnavi p a{
	color:#2da633;
	text-decoration:underline;
}
div#contin_base div#contin_main div#pannnavi p a:hover{
	color:#fd2c03;
	text-decoration:underline;
}



/* ----------------------------------------
 * FOOTER
 * ---------------------------------------- */
div#footer{
	margin-top:15px;
	padding:0;
	clear:both;
	width:960px;
	overflow: hidden;
}



/* FOOTER NAVI */
div#footer div#footer_navi{
	margin:0;
	float:left;
	width:600px;
}
div#footer ul {
	padding:0 5px 0 5px;
	clear:both;

}

div#footer ul li{
	padding:0 5px 2px 5px;
	float: left;
	line-height: 1.5em;
	background: url(../images/common/navi_border.gif) no-repeat right top;
	color:#333333;

}

div#footer ul li a{
	color:#333333;
	text-decoration: none;
}

div#footer ul li a:hover{
	color:#fe6a13;
	text-decoration: none;
}

div#footer ul li.list_end{
	background:none;
}

address{
	margin:0;
	padding:0;
	width:300px;
	color:#231815;
	font-style:normal;
	font-size:11px;
	text-align: right;
	float:right;
}




.clear{clear:both;}

hr{
	margin:0;
	padding:0;
	visibility:hidden;
	clear:both;
}



/* ******************************************
 * ******************************************
 *
 * 　　これ以降　共通パーツのCSS
 *
 * ******************************************
 ****************************************** */
 
 
/* ----------------------------------------
 * H2 １カラム
 * ---------------------------------------- */

div#width950 div.width_930 {
	margin:0 0 10px 0;
	padding:0;
	width:930px;
	line-height:37px;
	text-indent:40px;
	font-size:109%;
	color:#fff;
	background:url(../images/title/h2_title_right_bg.gif) no-repeat right top;
}












/* clearfix*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/