﻿body {
	background-image: url("img//background.jpg");
	font-family:'Lucida Grande',
	 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	  Meiryo, メイリオ, sans-serif;
}

*  {
	padding : 0px ; margin : 0px ;
}

.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

a img{
	border-style: none;
}

#header-backgroundimage {
	width : auto;
	height: 129px;
	background-image: url("img//header.jpg");
}

#header-960box {
	width : 960px;
	height: auto;
	margin : 0 auto;
}

#header-box2 {
	float: left;
	width: 332px;
	height: 120px;
	padding:12px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

#header-box3 {
	float: right;
	width : 628px;
	height: 90px;
	text-align: right;
	color: #FFF;
}

#header-button {
	width : 628px;
	height: auto;
}

#header-button1 {
	width: 94px;
	height: 0px;
	padding:0px 0px 0px 400px;
	margin : 0px 0px 0px 0px;
}

#header-button2 {
	width: 97px;
	height: 0px;
	padding: 0px 0px 0px 550px;
	margin : 0px 0px 0px 0px;
}

#header-button3 {
	width: 79px;
	height: 0px;
	padding: 0px 0px 0px 700px;
	margin : 0px 0px 0px 0px;
}

#header-button4 {
	width: 98px;
	height: 0px;
	padding: 0px 0px 0px 850px;
	margin : 0px 0px 0px 0px;
}

#header-button5 {
	width: 147px;
	height: 0px;
	padding: 140px 0px 0px 523px;
	margin : 0px 0px 0px 0px;
}

#header-button6 {
	width: 43px;
	height: 0px;
	padding: 0px 0px 0px 715px;
	margin : 0px 0px 0px 0px;
}

#header-button7 {
	width: 131px;
	height: 0px;
	padding: 0px 0px 0px 835px;
	margin : 0px 0px 0px 0px;
}



#main-box {
	width : 994px;
	height: auto;
	background-image: url("img//backgroundmain.png");
	margin : 0 auto;
	padding: 0px 0px 0px 0px;
}

#main-box_common1 {
	width : 897px;
	height: 374px;
	margin : 0px 0px 0px 70px;
	padding: 70px 0px 0px 0px;
}

#main-box_common2 {
	overflow : hidden; //おまじない。
	width : 994px;
	height: auto;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main-box_common2a {
	float: left;
	width : 500px;
	height: 30px;
	margin : 0px 0px 0px 0px;
	padding: 50px 0px 0px 70px;
}

#main-box_common2b {
	float: right;
	width : 349px;
	height: 30px;
	margin : 0px 0px 0px 0px;
	padding: 50px 50px 0px 0px;
}

#main-box_common3 {
	float: left;
	overflow : hidden; //おまじない。
	width : 500px;
	height: 400px;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main-box_common3a {
	float: left;
	width : 500px;
	height: auto;
	margin : 0px 0px 0px 0px;
	padding: 30px 0px 0px 70px;
}


#main-box_common3-2 {
	float: right;
	overflow : hidden; //おまじない。
	width : 349px;
	height: 400px;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main-box_common3-2a {
	margin : 0px 0px 0px 0px;
	padding: 30px 80px 0px 0px;
}

#main-box_common4a {
	width : 960px;
	height: auto;
	text-align: center;
	margin : 0 auto;
	padding: 30px 0px 0px 0px;
	
}

#main-box_common4 {
	width : 960px;
	height: auto;
	margin : 0 auto;
	padding: 20px 0px 20px 70px;
	
}

#main-box_common4b {
	width : 994px;
	height: auto;
	text-align: center;
	margin : 0 auto;
	padding: 5px 0px 5px 0px;
	
}


#main-box-under {
	width : 994px;
	height: 50px;
	background-image: url("img//backgroundunder.png");
	margin : 0 auto 0px;
	padding: 0px 0px 0px 0px;
}

.space10 {
	width : 994px;
	height: 10px;
	margin : 0 auto 0px;
	padding: 0px 0px 0px 0px;
}


#menuber {
	clear: both;
	width : 500px;
	height: 30px;
	margin : 0px 0px 0px 0px;
	padding: 100px 0px 0px 70px;
}


.profile_left {
	clear: both;
	float: left;
	margin : 0px auto 10px;
	padding : 20px 0px 10px 80px;
	width: 130px;
	height: auto;
}

.profile_right {
	float: right;
	margin : 0px auto 10px;
	padding : 20px 370px 10px 0px;
	width: 400px;
	height: auto;
}

.work_left {
	clear: both;
	float: left;
	margin : 0px auto 10px;
	padding : 5px 0px 3px 70px;
	width: 130px;
	height: auto;
}

.work_right {
	float: right;
	margin : 0px auto 10px;
	padding : 5px 380px 3px 0px;
	width: 400px;
	height: auto;
}

.content_common {
	float: left;
	margin : 0px auto 0px;
	padding : 10px 0px 0px 70px;
	width: 994px;
	height: auto;
}

.content_common_2 {
	overflow : hidden; //おまじない。
	margin : 0px auto 0px;
	padding : 10px 0px 0px 70px;
	width: 880px;
	height: auto;
}

#work_background {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;

}

#work_background_image {
	background-image: url("img//workbackground.png");
	background-position:right;
	background-repeat:no-repeat;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}


.link_left {
	float: left;
	margin : 0px auto 10px;
	padding : 20px 0 0px 70px;
	width: 260px;
	height: 60px;
}

.link_right {
	float: right;
	margin : 0px auto 10px;
	padding : 20px 0 0px 0;
	width: 640px;
	height: 60px;
}

.h30_left {
	float: left;
	margin : 0px auto 0px;
	padding : 20px 0px 0px 60px;
	width: 260px;
	height: 30px;
}

.h30_right {
	float: right;
	margin : 0px auto 0px;
	padding : 20px 0px 0px 0px;
	width: 650px;
	height: 30px;
}

.work_common1 {
	margin : 0px 0px 0px 70px;
	padding : 20px 0px 0px 0px ;
	width: 175px;
	height: 25px;
}

.work_common2 {
	float:left;
	margin : 0px 0px 0px 70px;
	padding : 20px 0px 0px 0px ;
	width: 50px;
	height: 150px;
}

.work_common3 {
	float:left;
	margin : 0px 0px 0px 60px;
	padding : 20px 0px 0px 0px ;
	width: 50px;
	height: 150px;
}


.illustflame1 {
	width : auto;
	height: auto;
	text-align:center;
	margin : 50px auto 0px;
	padding: 0px 0px 0px 0px;
}

.illustarrow1 {
	float:right;
	width : 90px;
	height: 40px;
	margin : 20px 120px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.illustarrow2 {
	
	width : 90px;
	height: 40px;
	margin : 20px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}


#profile_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 30px;
}

#bbs_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 30px;
}

#link_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 50px;
}

#circle_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 20px;
}

#circlecg_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 0px;
}

#illust_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 0px;
}

#circle_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 30px;
}

#info_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 40px;
}

#work_under {
	clear: both;
	margin : 0px auto 0px;
	padding : 0px 0px 0px 0px;
	width: 994px;
	height: 50px;
}



.content_common .red {
	color: #F00;
	}


#footer-background {
	width : auto;
	height: 20px;
	background-color: #91b5ff;
}

#footer-box {
	width : auto;
	height: auto;
	text-align: center;
	color: #FFF;
}















.infoborder {
	border: 1px dotted #CCC;
	margin : 7px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

.workborder {
	width: 500px;
	border: 1px dotted #CCC;
	margin : 0px 0px 0px 70px;
	padding: 0px 0px 0px 0px;
}

.commonborder {
	width: 500px;
	border: 1px dotted #CCC;
	margin : 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}



.sample_03{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
}
	
.sample_03 th{
	width:25%;
	padding:4px;
	text-align: left;
	vertical-align: top;
}

.sample_03 td{
	width:75%;
	padding:0px 0px 0px 15px;

}

.a_center {
	clear: both;
	text-align:center;
	margin : 50px auto;
	padding: 5px 0px 5px 0px;
	width: 994px;
	height: auto;
}

.table_01{
	width: 100%;
	color: #000000;
	border-collapse: collapse;
}

th.example1{
	width: 150px;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b9b9b9;
	background-color:#eaf0ff;
}

th.example2{
	width: 750px;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	background-color:#eaf0ff;
	border: 1px solid #b9b9b9;
}

.table_01 td{
	padding: 6px;
	border: 1px solid #b9b9b9;
}




p  {
	font-size : 14px ;
}


h1 {
	font-size: 14px;
}

h2 {
	font-size: 22px;
	padding : 5px;
	margin : 5px;	
}

h3 {
	font-size: 16px;
	color:#888
}

h4 {
	font-size: 14px;
	padding : 2px 0 2px 0;
	margin : 2px;
}

h5 {
	font-size: 16px;
	padding : 0px 0 0px 0;
	margin : 0px;
}

h6 {
	font-size: 12px;
	padding : 0px 0 0px 0;
	margin : 0px;
}
