@charset "utf-8";
/* CSS Document */

/************** init **************/
html {
	overflow-y: scroll;
}
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;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
abbr {
	border: 0;
}
li	{
	list-style-type: none;
}

/************** init Font **************/
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	line-height: 150%;
	color:#666666;
}


/************** init A tag **************/
div#global-navi a:link  {  
	text-decoration: none;  
	color: #FFFFFF;  
}  
div#global-navi a:visited   {  
	text-decoration: none;  
	color: #FFFFFF;  
}  
div#global-navi a:hover {  
	text-decoration: underline;  
	color: #FFFFFF;  
}  
div#global-navi a:active    {  
	text-decoration: none;  
	color: #FFFFFF;  
} 


a:link,
a:visited,
a:active{  
	text-decoration: none;  
	color: #333333;  
} 
a:hover { 
	color: #999999;  
}  


/************** clearfix **************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} 
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


/************** frame **************/
body{
	background: #591e1e url(../images/background.gif) repeat-x;
}
div#container{
	width:800px;
	margin:0px auto;
	padding-bottom:40px;
	background-color:#FFFFFF;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
}
div#global-navi{
	width:800px;
	margin:auto;
	margin-bottom:0px;
	background-color:#582500;
	text-align:center;
}
div#wrapper{
	width:780px;
	padding:0 0px;
}
body.home div#main{
	width:800px;
	float:left;
	background-color:#FFFFFF;
	margin-bottom:10px;
}
div#footer{
	width:760px;
	padding:5px 20px;
	text-align:right;
	font-size:77%;
}
body.single-page div#wrapper{
	width:798px;
	padding:0 2px;
	background:url(../images/single-page_back.gif) repeat-y;
}


body.single-page div#main{
	padding-left:30px;
	padding-right:10px;
	width:563px;
	float:left;
}
body.single-page div#sub{
	width:193px;
	float:left;
	text-align:center;
}


body.single-page div#sub img{
	margin:10px 0;
}
body.single-page div#sub p.construct-title{
	font-weight:bold;
	font-size:112%;
	text-align:left;
	padding-left:5px;
}

hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color:#666666;
	height: 1px;
	margin:10px auto;
	clear:both;
}


/************** global-navi **************/
div#global-navi a{
	font-weight:bold;
	font-size:84%;
	padding:0px 2px;
}
div#global-navi a:hover{
	color:#999999;
}
div#global-navi li{
	display:inline;
	color:#FFFFFF;
}


/************** main **************/
body.home div#main-image {
	float:left;
	padding-left:8px;
	width:443px;
}
body.home div#main-right {
	float:right;
	width:349px;
}

body.home div#main div#main-logo{
	text-align:right;
	background-color:#fff;
	height:165px;
}

body.home div#main div#main-info{
	background-color:#f2f2f2;
	height:235px;
}

body.home div#main div#main-info h3{
	color:#a83d3d;
	text-align:center;
	font-size:74%;
	padding:4px 0px;
}
body.home div#main div#main-info{
	padding:0 10px;
}

body.home div#main div#main-info p{
	line-height:180%;
}

h2{
	border-bottom:solid 5px #FFFFFF;
}


/************** sub **************/
body.home div#sub{
	width:800px;
}


body.home div#sub div#staff-blog{
	width:380px;
	height:180px;
	padding:10px;
	background-color:#666666;
	float:left;
	position:relative;
}
body.home div#sub div#gallery{
	width:380px;
	height:180px;
	padding:10px;
	background-color:#a9a9a9;
	float:left;
}
div#gallery-box {
	margin-top:20px;
}
div#gallery-box a img{
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		margin-bottom:5px;
		margin-right:8px;
		border:solid 1px #333333;
}
div#gallery-box a:hover img{
		filter: alpha(opacity=100);
		opacity: 1;
		cursor:pointer;
}




body.home div#sub div#company{
	width:380px;
	height:190px;
	padding:10px;
	background-color:#a9a9a9;
	float:left;
}
body.home div#sub div#company img#map{
	margin-top:10px;
	float:right;
}
body.home div#sub div#company h1{
	padding-top:12px;
	font-size:94%;
	color:#333333;
}
body.home div#sub div#company address{
	display:block;
	padding-top:10px;
	font-size:94%;
	line-height:140%;
}

body.home div#sub div#topics{
	width:380px;
	height:190px;
	padding:10px;
	background-color:#b6b6b6;
	float:left;
}

body.home div#sub div#topics div#topics-content{
	margin-top:10px;
	margin-left:0px;
}

div#staff-blog ul{
	margin-top:15px;
}

div#staff-blog span#archive{
	position:absolute;
	top:170px;
	left:270px;
	width:100px;
	font-size:90%;
}

/************** about **************/
div.about p{
	margin-top:10px;
}




/************** philosophy **************/
body.single-page div#main.philosophy{
	padding-left:20px;
	padding-right:10px;
	width:573px;
	float:left;
}
ul#philosophy-list {
	margin-top:-15px;
}
ul#philosophy-list li{
	margin-top:20px;
	font-size:98%;
}
ul#philosophy-list a:link,
ul#philosophy-list a:visited,
ul#philosophy-list a:active{
	text-decoration:none;
	color:#666666;
}

ul#philosophy-list a:hover{
	color:#790001;
	text-decoration:underline;
}

ul#philosophy-list li#current{
	color:#790001;
}
div.philosophy h3{
	font-weight:bold;
	font-size:140%;
	color:#333333;
	margin:5px 0 15px 0;
}

div.philosophy-content {
	margin-top:30px;
	margin-left:10px;
	float:right;
	text-align:right;
}


/************** basic **************/
body.single-page div#main.basic{
	padding-left:30px;
	padding-right:20px;
	width:553px;
	float:left;
}
body.single-page div#main.basic img.img-right{
	float:right;
	margin:10px 0px;
}
.basic p.title{
	margin-left:-22px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}
.basic ul{
	margin-top:15px;
}
.basic li{
	padding-bottom:12px;
	font-weight:bold;
	font-size:112%;
}

.basic li a:link,
.basic li a:visited,
.basic li a:active{
	text-decoration:none;
	color:#666666;
}
.basic li a:hover{
	color:#790001;
	text-decoration:underline;
}


/************** new-basic **************/
body.single-page div#main.new-basic{
	padding-left:30px;
	padding-right:20px;
	width:553px;
	float:left;
}
body.single-page div#main.new-basic img.img-right{
	float:right;
	margin:10px 0px;
}
.new-basic p.title{
	margin-left:-22px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

div#interview-comment{
	margin-top:30px;
}
div#interview-comment img{
	float:right;
}

.new-basic ul{
	margin-top:30px;
}
.new-basic li{
	padding-bottom:30px;
	font-weight:bold;
	font-size:112%;
}

.new-basic li a:link,
.new-basic li a:visited,
.new-basic li a:active{
	text-decoration:none;
	color:#666666;
}
.new-basic li a:hover{
	color:#790001;
	text-decoration:underline;
}


/************** consultant **************/
body.single-page div#main.consultant{
	padding-left:30px;
	padding-right:20px;
	width:553px;
	float:left;
	font-size:90%;
}
p.consul-title{
	font-size:130%;
	font-weight:bold;
	margin-left:-10px;
	line-height:170%;
}
body.single-page div#main.consultant img.img-right{
	float:right;
}



/************** proces **************/
body.single-page div#main.proces{
	width:780px;
	padding:5px 10px;
	font-size:80%;
}

body.single-page div#main.proces hr{
	margin:0px;
}
.proces p.proces-left{
	float:left;
	padding-left:15px;
	margin:5px 0;
	width:200px;
}
.proces p.proces-right{
	float:right;
	padding-right:15px;
	margin:5px 0;
	width:200px;
}
div#proces-image{
	position:absolute;
	margin:50px auto;
	text-align:center;
	width:796px;
}
p.interview{
	padding: 5px 0px 5px 15px;
}



/************** contact **************/
div.contact {
	font-size:90%;
}
div.contact table {
	border-top:solid 1px #999999;
	margin-top:20px;
}
div.contact table th{
	font-weight:normal;
	padding:5px 0 5px 10px;
	border-bottom:solid 1px #999999;
}
div.contact table td{
	padding:5px;
	border-bottom:solid 1px #999999;
}
div.contact input{
	width:200px;
	height:14px;
}
div.contact textarea{
	width:400px;
}
div.contact .button{
	height:26px;
	margin-top:10px;
	margin-left:10px;
}
div.contact p{
	margin-top:10px;
}

div.contact input.zip{
	width:70px;
}


/************** link **************/
body.single-page div#main.link{
	margin:0px;
	padding:0px;	
	width:798px;
}

body.single-page div#links{
	width:770px;
	margin:auto;
}

body.single-page div#main.link ul{
	margin:10px auto;
	padding:0;
}
body.single-page div#main.link li{
	margin:0;
	padding:5px 5px;
	float:left;
}

/************** link **************/
body.single-page div#main.gallery{
	margin:0px;
	padding:0px;	
	width:798px;
}

body.single-page div#main.gallery ul{
	margin:10px auto;
	padding:0;
}
body.single-page div#main.gallery li{
	margin:0;
	padding:5px 0px;
	float:left;
}



/************** blog **************/
body.single a:link,
body.archive a:link {  
	text-decoration: none;  
	color: #333333;  
} 
body.single a:visited,
body.archive a:visited {  
	text-decoration: none;  
	color: #333333;  
}  
body.single a:hover,
body.archive a:hover { 
	color: #FF3333;  
}  
body.single a:active,
body.archive a:active {  
	text-decoration: none;  
	color: #333333;  
} 



h3.blogtitle{
	font-size:120%;
	border-bottom:solid 2px #999999;
}
div.storycontent{
	margin-top:20px;
}
div.storycontent p{
	margin-bottom:20px;
}
div.storycontent p a:link,
div.storycontent p a:visited,
div.storycontent p a:active{
	color:#990000;
}

body.single div#wrapper,
body.archive div#wrapper{
	width:796px;
	padding:0 2px;
	background:url(../images/single-page_back.gif) repeat-y;
}
body.single div#main,
body.archive div#main{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	width:563px;
	float:left;
}
body.single div#sub,
body.archive div#sub{
	padding-top:10px;
	padding-left:10px;
	width:183px;
	float:left;
}

body.single div#sub ul,
body.archive div#sub ul{
	margin:0 0 15px 10px;
}

ol.commentlist {
	margin-top:10px;
}
ol.commentlist li{
	padding:10px 0px;
}
div#respond{
	margin-top:20px;;
}
div#respond p{
	margin:5px 0;
}


div.rehome{
	margin-top:20px;
}

.gallery a img{
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
}
.gallery a:hover img{
		filter: alpha(opacity=100);
		opacity: 1;
		cursor:pointer;
}