/* CSS DOCUMENT */


@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	line-height:normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img { 	border:0;}

a {
	color: #4CB6B6;
	text-decoration:underline;
	}

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

body {
	width: 100%;
	color: #454545;
	font-size: 12px;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", arial,helvetica,clean,sans-serif;
	background-color: #FFFFFF;
	position: relative;
	display:block;
	text-align: center; /* center on ie */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* レイアウト*/

.left {	float: left;}
.right {	float: right;}

hr {
	clear: both;
	visibility: hidden;
}

div.clear{
	clear: both;
	height: 1px;
	}

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.clearfix {display: inline-table;}



/* --------------------------------------------------------------- */
/* wrapper                                                         */
/* --------------------------------------------------------------- */

#wrapper {
	margin: 0 0 50px 0;
	width: 100%;
	text-align: center; /* center on ie */
	position: relative;
}



/* --------------------------------------------------------------- */
/* header                                                          */
/* --------------------------------------------------------------- */

#header {
	height: 25px;
	width: 950px;
	margin: 50px auto 40px auto;
	text-align: left; /* left on ie */
}

#header_top {	margin: 50px auto 30px auto;}


#logo {
	margin: 0;
	display:inline;
	float:left;
}


/* main_menu */

#main_menu {
	margin: 8px 0 1px 0;
	width: 500px;
	display: inline;
	float: right;
	text-align: right; /* right on ie */
}

#main_menu li {
	list-style: none;
	display: inline;
}

#main_menu li img {	margin: 0 0 0 23px;}




/* --------------------------------------------------------------- */
/* flash                                                           */
/* --------------------------------------------------------------- */

#flash {
	width: 950px;
	margin: 0 auto 40px auto;
	clear:both;
	border: #E8E8E8 1px solid;
	text-align: left; /* left on ie */
	position: relative;
}

#flash_movie {
	width: 950px;
	height: 455px;
	text-align: left; /* left on ie */
	position: relative;
}




/* --------------------------------------------------------------- */
/* main                                                            */
/* --------------------------------------------------------------- */

#main {
	width: 950px;
	margin: 0 auto;
	text-align: left; /* left on ie */
	position: relative;
}


.side_pagetop {
	right: 0px;
	bottom: 0px;
	position: absolute;
}

.end_line {
	clear: both;
	padding: 0 0 40px 0;
}




/* --------------------------------------------------------------- */
/* footer                                                          */
/* --------------------------------------------------------------- */

#footer {
	width: 950px;
	margin: 0 auto;
}



/* --------------------------------------------------------------- */
/* top                                                             */
/* --------------------------------------------------------------- */

#contents {
	width: 720px;
	text-align: left; /* left on ie */
	float: left;
}

#side,
#side_sub {
	width: 210px;
	float: right;
	background-color: #FFFFFF;
}

#side_sub {
	padding: 35px 0 0 0;
}




/* --------------------------------------------------------------- */
/* main_bana                                                       */
/* --------------------------------------------------------------- */



/* blog */

.blo_block {
	width: 205px;
	height: 180px;
	font-size: 10px;
	line-height: 1.4em;
	color: #898989;
	margin: 0 35px 0 0;
	text-align: left; /* left on ie */
	float: left;
}

.blo_block img {
	margin: 0 0 3px 0;
}


/* blog_side */

.blo_block_side {
	width: 210px;
	height: 175px;
	font-size: 10px;
	line-height: 1.4em;
	color: #898989;
	text-align: left; /* left on ie */
	float: left;
}

.blo_block_side img {
	height: 148px;
	margin: 0 0 3px 0;
}

.bana_top01 {
	width: 685px;
	margin: 0 0 35px 0;
	clear: both;
}

.blo_block_side .info {
	padding: 1px 0 0 0;
}

.blo_block_side .new {
	padding: 1px 0 0 25px;
	background:url(../images/new_icon.gif) no-repeat center left;
}

.bana_2box {
	width: 685px;
	text-align: left; /* left on ie */
}

.bana_philo {	margin: 0 35px 0 0;}





/* --------------------------------------------------------------- */
/* sub                                                             */
/* --------------------------------------------------------------- */

#soon {
	padding: 20px 0 100px 0;
	text-align: center; /* center on ie */
}

.pagetop {
	margin: 15px 0 0 0;
	font-size: 10px;
	text-align: right; /* right on ie */
}





/* --------------------------------------------------------------- */
/* company                                                            */
/* --------------------------------------------------------------- */


#comp01,
#comp02,
#comp03,
#comp04,
#comp05,
#comp06 {
	margin: 0 0 100px 0;
	padding-left: 270px;
	color: #222222;
}

#comp01 {	background:url(../company/images/sub_title01.gif) no-repeat top left;}
#comp02 {	background:url(../company/images/sub_title02.gif) no-repeat top left;}
#comp03 {	background:url(../company/images/sub_title03.gif) no-repeat top left;}
#comp04 {	background:url(../company/images/sub_title04.gif) no-repeat top left;}
#comp05 {	background:url(../company/images/sub_title05.gif) no-repeat top left;}
#comp06 {	background:url(../company/images/sub_title06.gif) no-repeat top left;}

#comp01 .p01,#comp01 .p02,
#comp02 .p01,#comp02 .p02,#comp02 .p03,
#comp03 .p01,#comp03 .p02,
#comp04 .p01 {
	width: 680px;
	text-indent:-9999px;
	overflow:hidden;
}

#comp01 .p01 {
	margin: 0 0 60px 0;
	height: 90px;
	background:url(../company/images/p01.gif) no-repeat top left;
}

#comp01 .p02 {
	height: 345px;
	background:url(../company/images/p02.gif) no-repeat top left;
}

#comp02 .p01 {
	margin: 0 0 60px 0;
	height: 75px;
	background:url(../company/images/p03.gif) no-repeat top left;
}

#comp02 .p02 {
	margin: 0 0 60px 0;
	height: 75px;
	background:url(../company/images/p04.gif) no-repeat top left;
}

#comp02 .p03 {
	height: 75px;
	background:url(../company/images/p05.gif) no-repeat top left;
}

#comp03 .p01 {
	margin: 0 0 60px 0;
	height: 33px;
	background:url(../company/images/p06.gif) no-repeat top left;
}

#comp03 .p02 {
	height: 85px;
	background:url(../company/images/p07.gif) no-repeat top left;
}

#comp04 .p01 {
	margin: 0 0 60px 0;
	height: 246px;
	background:url(../company/images/p08.gif) no-repeat top left;
}

#comp04 {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
}

#comp05 {
	font-size: 12px;
	line-height: 1.4em;
}

.tomoda {	margin: 0 0 80px 0;}

#comp05 .name {
	margin: 0 0 15px 0;
	font-size: 10px;
	color: #898989;
}

#comp05 .name strong {
	font-size: 16px;
	color: #CFBB00;
	font-weight: normal;
}

#comp05 .pink,
#comp05 .midori {
	margin: 0 0 15px 0;
	font-size: 10px;
	line-height: 1.3em;
}

#comp05 .pink {	color: #FF7ABD;}
#comp05 .midori {	color: #47BB88;}

#comp05 .omake {
	font-size: 10px;
	line-height: 1.3em;
}



/* --------------------------------------------------------------- */
/* philo                                                            */
/* --------------------------------------------------------------- */

#philo01,
#philo02,
#philo03 {
	margin: 0 0 100px 0;
	color: #222222;
}

#philo01 .p01,#philo02 .p01,#philo03 .p01 {
	width: 950px;
	text-indent:-9999px;
	overflow:hidden;
}

#philo01 .p01 {
	margin: 0 0 60px 0;
	height: 485px;
	background:url(../philosophy/images/p02.gif) no-repeat top left;
}

#philo02 .p01 {
	margin: 0 0 60px 0;
	height: 260px;
	background:url(../philosophy/images/p04.gif) no-repeat top left;
}

#philo03 .p01 {
	margin: 0 0 60px 0;
	height: 260px;
	background:url(../philosophy/images/p07.gif) no-repeat top left;
}





/* --------------------------------------------------------------- */
/* works                                                            */
/* --------------------------------------------------------------- */

#works {
	margin: 0 0 100px 0;
	color: #454545;
	line-height: 1.5em;
}

#works .year {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #CFBB00;
	font-weight: normal;
}

#works .work_info {
	margin: 0 0 50px 0;
	font-size: 12px;
}

.works2005 {	background:url(../works/images/2005.gif) no-repeat top left;}




/* --------------------------------------------------------------- */
/* inq                                                            */
/* --------------------------------------------------------------- */

#inq {
	margin: 0 0 100px 0;
	padding-left: 270px;
	color: #222222;
	background:url(../inquiry/images/sub_title01.gif) no-repeat top left;
}

#inq .form {
	width: 680px;
}

#inq .form ul {
	border-top: #E8E8E8 1px solid;
	margin: 0 0 30px 0;
	padding-top: 5px;
	text-align: left; /* left on ie */
	font-size: 12px;
	color: #565656;
}

#inq .form ul li {
	margin: 0 0 5px 0;
	padding-top: 5px;
	padding-left: 230px;
	padding-bottom: 10px;
	border-bottom: #E8E8E8 1px solid;
	list-style: none;
}

#inq .form ul li .sp_b05 {
	margin: 0 0 3px 0;
}

#inq .form li.c01 {	background:url(../inquiry/images/c01.gif) no-repeat center left;}
#inq .form li.c02 {	background:url(../inquiry/images/c02.gif) no-repeat center left;}
#inq .form li.c03 {	background:url(../inquiry/images/c03.gif) no-repeat center left;}
#inq .form li.c04 {	background:url(../inquiry/images/c04.gif) no-repeat center left;}
#inq .form li.c05 {	background:url(../inquiry/images/c05.gif) no-repeat center left;}
#inq .form li.c06 {	background:url(../inquiry/images/c06.gif) no-repeat center left;}
#inq .form li.c07 {	background:url(../inquiry/images/c07.gif) no-repeat center left;}

.hisu {
	margin: 0 0 40px 0;
	padding-left: 27px;
	background:url(../inquiry/images/hisu.gif) no-repeat center left;
	min-height: 16px;
}

.form_waku {
	padding:2px;
	color: #3E3A39;
	border: #E8E8E8 solid 1px;
	background:#FFFFFF;
	font-size: 12px;
}

.form_waku:hover {
	background: #F7F4E4;
}

.form_waku:focus {
	border: #CDCDCD solid 1px;
}

.form_btn_box {
	text-align: center; /* center on ie */
	padding:30px;
}

.form_btn_box .btn {
	margin:20px 15px 0 15px;
}

.form_end {
}

.form_end h3 {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 18px;
	border-bottom: #E8E8E8 1px solid;
}

.form_end p {
	padding:5px 0 0 0;
}





/* --------------------------------------------------------------- */
/* news & blog                                                       */
/* --------------------------------------------------------------- */

#blog {
	text-align: left; /* left on ie */
}


/* menu */

#menu_line {
	width:210px;
	margin: 0 0 50px 0;
	float:left;
}

#categorys {
	margin: 0 0 50px 0;
}

#menu_line ul {
	text-align:left;
	margin: 0 0 50px 0;
	padding: 0px;
	list-style-type: none;
}

#menu_line ul li {
	margin: 2px 0 3px 0;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #565748;
	border-bottom: #E8E8E8 1px solid;
	background:url(../blog/images/icon.gif) no-repeat center left;
	list-style: none;
}

* html #menu_line ul li {
	border-bottom: none;
	background:url(../blog/images/menu_back.gif) no-repeat top left;
}

*+html #menu_line ul li {
	border-bottom: none;
	background:url(../blog/images/menu_back.gif) no-repeat top left;
}

#menu_line .sub ul {
	text-align:left;
	margin: 0 0 0 0;
	padding: 0px;
	list-style-type: none;
}

#menu_line .sub ul li {
	margin: 2px 0 3px 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #565748;
	border-bottom: #E8E8E8 1px solid;
	background:url(../blog/images/icon.gif) no-repeat center left;
	list-style: none;
}

* html #menu_line .sub ul li {
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	background:url(../blog/images/menu_back.gif) no-repeat top left;
}

*+html #menu_line .sub ul li {
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	background:url(../blog/images/menu_back.gif) no-repeat top left;
}





/* entry */

#entry_line {
	width:680px;
	margin: 0 0 50px 0;
	float:right;
}

#entry_line h2.sub_title {
	margin: 0 0 50px 0;
	padding: 0 0 0 8px;
	line-height: 1.4em;
	font-size: 20px;
	font-weight:bold;
	color: #454545;
	border-left: #000000 6px solid;
}

.entry {
	margin: 0 0 70px 0;
	line-height: 1.5em;
	font-size: 12px;
}

#entry_navi {
	padding: 15px;
	font-size: 12px;
	text-align:center; /* center on ie */
}

.entry .title {
	height: 40px;
	margin: 0 0 15px 0;
	padding: 0 10px 0 35px;
	background:url(../blog/images/title_back.gif) no-repeat center left;
	border-top: #E8E8E8 1px solid;
	border-bottom: #E8E8E8 1px solid;
	text-align: left; /* left on ie */
}

.entry .title h3 {
	margin: 8px 0 8px 0;
	font-size: 16px;
	float: left;
}

* html .entry .title h3 {
	margin: 12px 0 8px 0;
}

*+html .entry .title h3 {
	margin: 12px 0 8px 0;
}

html>/**/body .entry .title h3 {
	margin /*\**/: 12px 0 8px 0\9;
}

.entry .title h3 a {
	text-decoration:none;
}

.entry .day {
	margin: 12px 0 10px 0;
	font-size: 10px;
	color:#999999;
	float: right;
}

.entry .ender {
	margin: 20px 0 0 0;
	padding: 10px 10px 8px 50px;
	font-size: 10px;
	position: relative;
	background:url(../blog/images/ender_back.gif) no-repeat center left;
	border-top: #E8E8E8 1px solid;
	border-bottom: #E8E8E8 1px solid;
	text-align: left; /* left on ie */
	clear: both;
}

.entry .ender .tdo {
	width: 194px;
	height: 9px;
	top: 10px;
	right: 15px;
	position: absolute;
}

.entry img {
	padding: 0px;
	margin: 5px 0 10px 0;
}



/* calender */

#calendar {
	padding: 0 0 50px 0;
}

#calendar table {
	width: 210px;
	font-size: 10px;
	color: #ABABAB;
}

#calendar caption {
	font-size: 12px;
	color: #454545;
	background: #F9F9F9;
	border-top: #E8E8E8 1px solid;
	border-bottom: #FFFFFF 2px solid;
	padding: 5px 0 2px 0;
}

#calendar table th {
	font-size: 12px;
	padding: 0.4em 0;
	background: #000000;
	color: #FFFFFF;
	border-bottom: #E8E8E8 1px solid;
	text-align:center; /* center on ie */
}

#calendar table td {
	font-size: 10px;
	padding: 0.4em 0;
	border-bottom: #E8E8E8 1px solid;
	text-align:center; /* center on ie */
}

#calendar table td a {
	display: block;
	font-weight: bold;
}

#calendar table th.sun {
	color: #FF0000;
}

#calendar table th.sat {
	color: #2996CC;
}

#calendar table td a:link, #calendar table td a:visited {
	text-decoration: underline;
}

#calendar table td a:hover {
	text-decoration: none;
}




/* --------------------------------------------------------------- */
/* font                                                            */
/* --------------------------------------------------------------- */

.text_minier {	font-size: 8px;}
.text_mini {	font-size: 10px;}
.text_normal {	font-size: 12px;}
.text_big {	font-size: 14px;}
.text_biger {	font-size: 18px;}
.red {	color: #C8856D;}


/* --------------------------------------------------------------- */
/* sp                                                              */
/* --------------------------------------------------------------- */
.sp_t05 {	margin: 5px 0 0 0;}
.sp_t10 {	margin: 10px 0 0 0;}
.sp_t15 {	margin: 15px 0 0 0;}
.sp_t20 {	margin: 20px 0 0 0;}
.sp_t30 {	margin: 30px 0 0 0;}
.sp_t40 {	margin: 40px 0 0 0;}
.sp_t50 {	margin: 50px 0 0 0;}
.sp_t60 {	margin: 60px 0 0 0;}
.sp_t70 {	margin: 70px 0 0 0;}

.sp_b05 {	margin: 0 0 5px 0;}
.sp_b10 {	margin: 0 0 10px 0;}
.sp_b15 {	margin: 0 0 15px 0;}
.sp_b20 {	margin: 0 0 20px 0;}
.sp_b30 {	margin: 0 0 30px 0;}
.sp_b40 {	margin: 0 0 40px 0;}
.sp_b50 {	margin: 0 0 50px 0;}
.sp_b60 {	margin: 0 0 60px 0;}
.sp_b70 {	margin: 0 0 70px 0;}

.sp_t05_b05 {	margin: 5px 0 5px 0;}
.sp_t10_b10 {	margin: 10px 0 10px 0;}
.sp_t20_b20 {	margin: 20px 0 20px 0;}
.sp_t30_b30 {	margin: 30px 0 30px 0;}
.sp_t40_b40 {	margin: 40px 0 40px 0;}
.sp_t50_b50 {	margin: 50px 0 50px 0;}