@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

img {
   vertical-align:bottom
}

/*-------------------
ここまでリセット
---------------------*/

body {/*階層０*/
	height: 100%; 
	text-align: center;
	font-size: 90%;
	color:#333;
	line-height: 1.7;
	background:url(../img/back.jpg) repeat-x #fff;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "ＭＳ Ｐゴシック";
}

p {
	margin:12px 0px;
}

#wrapper {/*階層１*/
	text-align:left;
	width:1000px;
	margin:auto;
	clear:left;
	overflow: hidden;  
	height: auto;
	min-height:1px;　/* IE 7対策 */
}
/* start: clearfix ------------------------------ */
#wrapper:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#wrapper { display:inline-table; }

/* Hides from Mac IE \*/
* html #wrapper { height:1px; }
#wrapper { display:block; }
/* */
/* end: clearfix ------------------------------ */

#head{
	height:200px;
	width:1000px;
	margin:0 auto;
	text-align:left;
	clear:left;
}

#logo{
	float:left;
	margin-top:50px;
	width:153px;
	margin-left:15px;
}

h1{
	letter-spacing: 0.2em;
	font-size:90%;
	float:left;
	margin-top:75px;
	margin-left:20px;
	color:#aaa;
	width:200px;
}

#menu{
	height:35px;
	width:1000px;
	clear:left;
	margin:auto;
}

#menu div{
	text-align:center;
	border-right:1px solid #cacaca;
	float:left;
	width:150px;
	height:35px;
	margin-top:40px;
	color:#707a8e;
	letter-spacing: 0.2em;
	font-size:90%;
	cursor:pointer;
}

#menu div:hover{
	background:#f8f8f8;
}

#menu a{
	color:#707a8e;
	margin-top:8px;
	display:block;
}

#menu a:hover{
	color:#707a8e;
	text-decoration:none;
}

#menu div#home{
	border-left:1px solid #cacaca;
}

#main{
	width:1000px;
	margin:0 auto;
}

#slide{
	height:250px;
	background:#f8f8f8;
}

#under{
	width:1000px;
	margin:15px auto;
	clear:left;
}

/* start: clearfix ------------------------------ */
#under:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#under { display:inline-table; }

/* Hides from Mac IE \*/
* html #under { height:1px; }
#under { display:block; }
/* */
/* end: clearfix ------------------------------ */

#b-list{
	float:left;
	width:700px;
	margin-right:15px;
	height:575px;
}

#b-list div{
	height:100px;
	margin-bottom:10px;
	text-align:left;
	padding-left:130px;
}

#news{
	float:left;
	width:285px;
	margin:0;
	background:#f8f8f8;
	height:540px;
	background:url(../img/back_news.jpg) no-repeat #fff;
}

.preload{
	display:none;
}

#b_studio{
	background:url(../img/banner_studio.jpg) no-repeat #fff;
	cursor:pointer;
}
#b_studio:hover{
	background:url(../img/banner_studio_on.jpg) no-repeat #fff;
	cursor:pointer;
}
#b_design{
	background:url(../img/banner_design.jpg) no-repeat #fff;
	cursor:pointer;
}
#b_design:hover{
	background:url(../img/banner_design_on.jpg) no-repeat #fff;
	cursor:pointer;
}
#b-list .soon{
	text-align:center;
	background:#f8f8f8;
	color:#aaa;
	line-height:1.3;
	padding-left:0px;
}

.b_text{
	margin-top:5px;
	margin-right:5px;
	padding:5px;
	color:#777;
	font-size:90%;
	background:#f8f8f8;
}

h2{
	font-family:Arial;
	padding-top:7px;
	font-size:130%;
	color:#666;
	letter-spacing: 0.2em;
	margin-bottom:0;
}

.rb{
	font-size:60%;
	margin:-5px 0 0 0;
	color:#bbb;
}

/* start: clearfix ------------------------------ */
#main:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#main { display:inline-table; }

/* Hides from Mac IE \*/
* html #main { height:1px; }
#main { display:block; }
/* */
/* end: clearfix ------------------------------ */

#sheet{
	padding: 10px 50px;
	margin:0 auto;
	text-align:left;
}

.tit_page{
	text-align:left;
	padding-left:40px;
	letter-spacing: 0.2em;
}

.tit_page img{
	text-align:left;
	position:relative;
	top:-3px;
	margin-left:5px;
}


#t_about{
	margin:15px auto;
	border:1px solid #ccc;
	color:#666;
	font-size:80%;
}

#t_about th{
	border:1px solid #ccc;
	padding:10px;
	background:#c0ecf9;
	text-align:right;
	color:#006784;
}

#t_about td{
	border:1px solid #ccc;
	padding:10px;
}

.b_title{
	font-size:150%;
	color:#0088c0;
	letter-spacing: 0.1em;
}
.b_set{
	clear:left;
	width:100%;
	background:#f8f8f8;
	margin-bottom:30px;
}

#mailform{
	margin:0 auto;
}
#mailform th{
	padding:10px;
	font-size:90%;
	color:#555;
	text-align:right;
	border:2px solid #fff;
	background:#eee;
}
#mailform td{
	padding:10px;
}
.must{
	color:#cc0000;
}

#submail{
	text-align:center;
}

#submail {/*投稿ボタン周辺ボックス*/
	text-align: center;

}

.errorpage{/*エラーページの高さ*/
	height: 300px;
	text-align: center;
	margin-top: 20px;
	font-size:90%;
}

.error {/*メールエラー文（赤文字）*/
	color: #dd0000;
	margin: 50px;
}

.mail-tab {/*errテーブル*/
	width: 600px;
	text-align:left;
	margin: 30px auto;
}

.hr400{/*横幅400のボーダー*/
	width: 400px;
}

.mail-tab th {/*メールテーブルtd*/
	text-align:right;
	padding: 7px; 
	background:#eee;
	border:2px solid #fff;
	padding:10px:
}

.mail-tab td{
	padding-left:10px;
}

/* start: clearfix ------------------------------ */
.b_set:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.b_set { display:inline-table; }

/* Hides from Mac IE \*/
* html .b_set { height:1px; }
.b_set { display:block; }
/* */
/* end: clearfix ------------------------------ */
.b_intro{
	margin-top:5px;
	padding:20px;
	color:#555;
	font-size:90%;
	background:#f8f8f8;
	width:70%;
	float:left;
}

.b_photo{
	float:left;
	padding:20px 20px 20px 0;
	width:200px;
	background:#f8f8f8;
}

/*------------------------------基本----------------------------- */
.center {/*中央寄せ*/
	text-align: center;
}
.left {/*左寄せ*/
	text-align: left;
}
.right {/*右寄せ*/
	text-align: right;
}

.size80{/*文字サイズ80％*/
	font-size: 80%;
}

.black{/*黒文字*/
	color:#333;
}

.glay_aaa{/*灰文字*/
	color:#aaa;
	font-weight:normal;
}
.red{/*赤*/
	color:#aa0000;
}
.redstrong{/*赤強調*/
	color:#aa0000;
	font-weight: bold;
}

.centerbold{/*センター強調*/
	text-align:center;
	font-weight:bold;
}

A:link {
	color:#0079b2;
}
A:visited {
	color:#0079b2;
}
A:hover {
	color:#0079b2;
	text-decoration: underline;
}
A:active {
	color:#0079b2;
}
A {
	text-decoration:none;
}

strong{
	font-weight: bold;
}

.boad{
	border: 1px solid #ccc;
	padding:8px;
}

.l20{
	margin-left:20px;
}

input{
	padding:2px;
	border:1px solid #ccc;
	background:#fafafa;
}

textarea{
	padding:5px;
	border:1px solid #ccc;
	background:#fafafa;
}
/*------------------------------基本----------------------------- */