@charset "UTF-8";
* {
  word-wrap: break-word;
}

body {
  line-height: 170%;
  background: #f7f7f6 url(../img/background.gif);
  color: #111;
  
}
a{text-decoration:none;}
a:link {color:#111;}
a:visited {color:#333;}
a:hover {color:#7f65aa;}
a:active {color:#7f65aa;}

#wrapper{
	width:940px;
	margin:40px auto 0 auto;
	}
h1{
	background:url(../img/logo_en_o.gif) no-repeat;
	}
#tate{
	width:250px;
	float:right;
	}
#tate h1{
	width:70px;
	float:right;
	background:url(../img/logo_ja_o.gif) no-repeat;
	}
#tateText{
	font-size: 14px;
	letter-spacing:1px;
	width:150px;
	float:right;
	padding-top:70px;
	padding-right:25px;
	overflow:hidden;
	color:#000;
	/*text-shadow: X軸の距離 Y軸の距離 ぼかしの半径 #色, X軸の距離 Y軸の距離 ぼかしの半径 #色;*/
	text-shadow: 1px 1px 0px #FFF,2px 2px 0px #FFF,-2px -2px 2px #BBB;
	/*-webkit-writing-mode: vertical-rl;*/
	}

#nav{
	margin-top:70px;
	width:685px;
	overflow:hidden;
	}
#Home #nav{
	margin-top:70px;
	}
#nav li{
	width:122px;
	height:42px;
	padding-right:15px;
	float:left;
	overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
	}
#nav1{
	background-image:url(../img/nav_message_o.gif);
	}
#nav2{
	background-image:url(../img/nav_works_o.gif);
	}
#nav3{
	background-image:url(../img/nav_outline_o.gif);
	}
#nav4{
	background-image:url(../img/nav_contact_o.gif);
	}

#page{
	font-size:13px;
	min-height:350px;
	width:666px;
	background:#fafafa;
	margin:37px 0 40px 0;
	border-right:2px #fff solid;
	border-bottom:2px #fff solid;
	box-shadow:inset 1px 1px 1px  1px #EEE;
    -moz-box-shadow:inset 1px 1px 1px  1px #EEE;
    -webkit-box-shadow:inset 1px 1px 1px  1px #EEE;
	
	
	}
.ieShadow{
    display:none;
}
#Home #illust{
	height:200px;
	margin-bottom:50px;
	background:url(../img/top_illust.gif) no-repeat left bottom;
	}

#footer{
	width:666px;
	line-height:56px;
	height:60px;
	background:url(../img/foot_line.gif) repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	}
#fNav{
	float:right;
	}
h2{
	display:none;}
#Message #page{
	padding-bottom:40px;}
#Message .contents{
	padding:40px 0 30px 40px;
	width:350px;
	float:left;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif;
	font-size:13px;
	line-height:2.5em;
	}
#Message .conscience{
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.5px;
	font-size:10px;
	position:absolute;
	left:50%;
	margin-left:-430px;
	line-height:1em;
	padding-top:30px;
	}
#Message #photo{
	float:right;
	width:205px;
	height:315px;
	overflow:hidden;
	margin:40px 40px 0 0;
	_display:inline;
	box-shadow:-3px -3px 3px #EAEAEA;
    -moz-box-shadow:-3px -3px 3px #EAEAEA;
    -webkit-box-shadow:-3px -3px 3px #EAEAEA;
	}
#Message #photo img{position:absolute;}

#Outline .contents{
	padding:40px;
	}
.OutlineTable{
	font-size:12px;
	border:none;
	}
.OutlineTable td,
.OutlineTable th{
	vertical-align:top;
	line-height:170%;
	padding-bottom:20px;
	}
.OutlineTable th{
	width:76px;
	font-weight:normal;
	text-align:right;
	}
.OutlineTable th{
	width:76px;
	padding-right:20px;
	
	}
.OutlineTable td{
	padding-left:20px;
	background:url(../img/line_vertical.gif) repeat-y left scroll;
	}
.normalTable td,
.normalTable th{
	width:inherit !important;
	background:none !important;
	padding:0 !important;}

#Works #page{
	padding:40px 0;
	
	
	}
#Works .contents{
	background:#fafafa url(../img/line_vertical.gif) repeat-y 133px top;
	margin-left:2px;
	overflow:auto;
	}
#sNav{
	margin:0;
	padding:0 0 0 20px;
	width:113px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:150%;
	float:left;
	}
#sNav dt{
	color:#593793;
	margin-bottom:0;
	padding-bottom:11px;
	border-bottom:1px #e8e8e8 solid;
	}
#sNav dd{
	border-top:2px #fff solid;
	padding-top:20px;
	}
#sNav li{
	margin-bottom:15px;
	
	}
#sNav li a{
	zoom: 1;
	display:block;
	padding-right:10px;
	}
#sNav li a:hover,
#sNav li a.current{
	background:#593793;
	padding-left:3px;
	color:#fff;
	}
#Works .article{
	width:460px;
	margin-left:160px;}
#Works .article li{
	background:url(../img/line_dashed.gif) repeat-x scroll bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:auto;
	zoom:1;
	line-height:170%;
	}
#Works .article li:last-child{
	background:none;
	}
#Works .article li h3{
	margin:0 0 7px 0;
	font-size:14px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','ＭＳ 明朝','MS Mincho',serif;
	overflow:auto;
	}
#Works .article li p,
.postItem{
	color:#666;
	font-size:11px;
	overflow:auto;
	zoom:1;
	
	}
#Works .article li .photo{
	width:108px;
	height:93px;
	padding:3px 0 0 3px;
	background:url(../img/wk_pht_bg.gif) no-repeat;
	float:left;
	}
#Works .article a {color:#593793;}
#Works .article a:hover {color:#7f65aa;}
#Contact .contents{
	padding:40px;
	font-size:12px;
	}
#Contact .OutlineTable{
	margin-bottom:30px;
	width:100%;
	}
#Contact .OutlineTable th{
	white-space:nowrap;
	width:118px;
	
	}
#Contact .req{
	font-style:normal;
	color:#7A54BA;
	}
#Contact .contents p{
	margin-bottom:20px;
	line-height:170%;
	}

.subButton{
	font-size:13px;
	background:#333;
	color:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border:1px #000 solid;
	padding:3px 15px;
	line-height:100%;
	box-shadow:3px 3px 3px #ccc;
    -moz-box-shadow:3px 3px 3px #ccc;
    -webkit-box-shadow:3px 3px 3px #ccc;}
	
.subButton2{
	font-size:13px;
	background:#CCC;
	color:#111;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border:1px #fff solid;
	padding:3px 15px;
	line-height:100%;
	box-shadow:3px 3px 3px #ccc;
    -moz-box-shadow:3px 3px 3px #ccc;
    -webkit-box-shadow:3px 3px 3px #ccc;}
	
.subButton:hover,.subButton2:hover{
	color:#fff;
	background:#593793;
	}
#Contact .OutlineTable input,
#Contact .OutlineTable textarea{
	width:90%;
	}
.marB10{
	margin-bottom:10px !important}
.marB20{
	margin-bottom:20px !important}
.marB0{
	margin-bottom:0px !important}
	
.errorBOX{
	background-color:#e5e0ee;
	line-height:170%;
	padding:10px;
	margin-bottom:30px;
	}
.errorLIST{padding-left:2em;margin-top:5px;}
.errorLIST li{list-style-type:disc;}
#thanksBOX h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:17px;
	margin-bottom:10px;
	}
.contents.underConst{
	background:none !important;
	padding:40px;
	text-align:center;}
/* clearfix
:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
*/