@charset "shift_jis";
/* CSS Document */
/* ===================================
	■Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	**フォントサイズ対応表**
	10px	77%
	11px	85%
	12px	93 (was 93)%
	13px	100%
	14px	108%
	15px	116%
	16px	123.1%
	17px	131%
	18px	138.5%
	19px	146.5%
	20px	153.9%
	21px	161.6%
	22px	167%
	23px	174%
	24px	182%
	25px	189%
	26px	197%
===================================== */

body {
	color: #333;
	font-size: 13px; /* 基本フォントサイズ */
	*font-size: small; /* IE7およびIE6標準準拠モード用 */
	*font: x-small; /* IE6後方互換モード用 */
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.5;
}
html>/*\**/body { font-size /***/: small\9; } /*IE8用*/
* html body {	/* for IF6 */
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}



/* ===================================
	// マージン・パディングをリセット
===================================== */
* {
	margin: 0px;
	padding: 0px;
}

html * {
	margin: 0px;
	padding: 0px;
}
body,div,h1,h2,h3,h4,h5,h6,form,ul,li,ol,dl,dt,dd,fieldset,pre,code,legend,blockquote {
	margin: 0;
	padding:0;
}
p { margin: 0;}



/* ===================================
	// リスト
===================================== */
li { list-style:none; }



/* ===================================
	// イメージ
===================================== */
a img { border:none; }
.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }



/* ===================================
	// フォーム
===================================== */
input,textarea,select {}
legend { display:none;}
fieldset { border:none; }



/* ===================================
	// テーブル
===================================== */

table {
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0;
}
caption { 
	text-align:left; 
} 
th {
	font-weight:normal;
	text-align:left;
}
td {
	text-align:left;
}



/* ===================================
	// 
===================================== */

q:before,q:after { 
	content:''; 
}
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
}


/* ===================================
	/// 99:floatさせたボックスが親ボックスの外にはみ出す現象を回避
	(macIE用にmac-ie5.cssにも記述すること)
===================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear { clear: both;}
img.clear { display: block; margin-top: -1em; }
	


/*====================================================================
	style info	:	詳細デザイン
====================================================================*/

/*--------------------------------------------------------------------
	共通
--------------------------------------------------------------------*/


body, html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	color: #333;
	background: url("../img/bg.jpg") #fff top center;
	line-height: 1.6em;
}
* html body { text-align: center; }

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

h2 { display: none; }
h3 {
	text-indent: -9999px;
	margin-left: 3px;
	margin-bottom: 5px;
}
h4 {
	font-size: 108%;
}

.fontSmall { font-size: 85%; }

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

.iconSquare {
	background: url("../img/iconSquare.jpg") left 3px no-repeat;
	padding-left: 18px;
	text-align: left;
	zoom: 1;
}
	

#wrapper {
	width: 790px;
	margin: 0 auto;
}

#header {
	height: 105px;
	overflow: hidden;
	margin-top: 5px;
}
#header .modL {
	text-align: left;
}
#header .modL h1 {
	font-weight: normal;
	font-size: 85%;
	color: #aaa;
	padding-left: 10px;
}
#header .modR {
	width: 195px; height: 0;
	margin-top: 5px;
	padding-top: 90px;
	background: url("../img/headerContact.png") top center no-repeat;
	overflow: hidden;
}

#globalNav ul li{
	display: block;
	float: left;
}

#main {
	margin-top: 20px;
}

#main .content {
	background: url("../img/mainBg.png") top center;
	width: 785px;
	margin-left: 2px;
}
#main .contentBtm {
	background: url("../img/mainBgBtm.png") top center no-repeat;
	height: 10px;
	margin-left: 1px !important;
	margin-left: 4px;
}


p.gotoTop {
	font-size: 93%;
	padding-left: 14px;
	background: url("../img/arrowUp.gif") no-repeat;
	float: right;
	margin: 20px 5px 5px 0;
}

#footer {
	background: url("../img/footerBg.jpg") top center no-repeat;
	width: 780px; height: 54px;
	color: #fff;
	margin: 20px 0 20px 4px;
	text-align: center;
}
#footer a {
	color: #fff;
}
#footer .footerLink {
	padding-top: 8px;
	font-size: 93%;
}
#footer .copyright {
	font-size: 85%;
	color: #81d1ff;
}

/*--------------------------------------------------------------------
	index
--------------------------------------------------------------------*/

.index #globalNav {
	background: url("../img/mainVisualIndex.png") top center no-repeat;
	width: 790px; height: 57px;
	padding-top: 253px;
}
.index #main .contentTtlAbout {
	width: 782px; height: 37px;
	background: url("../img/contentTtlAbout.png") top center no-repeat;
}
.index #main .contentAbout .modL {
	padding: 20px;
	width: 230px;
}
.index #main .contentAbout .modL img {
	display: block;
	margin: 0 auto;
}
.index #main .contentAbout .modL img.phOffice {
	padding-bottom: 10px;
}
.index #main .contentAbout .modL p {
	font-size: 93%;
	padding: 5px 10px
}
.index #main .contentAbout .modR {
	padding: 20px 20px 10px 0;
}
.index #main .contentAbout .modR table td {
	border: 1px solid #a9dcf5;
	padding: 5px;
}
.index #main .caption {
	font-size: 93%;
	line-height: 1.5em;
	margin-left:10px;
	text-align: left;
}


/*--------------------------------------------------------------------
	pages
--------------------------------------------------------------------*/

.profile #globalNav {
	background: url("../img/mainVisualProfile.png") 0px 48px no-repeat;
	width: 790px; height: 214px;
}
.service #globalNav {
	background: url("../img/mainVisualService.png") 3px 48px no-repeat;
	width: 790px; height: 214px;
}
.price #globalNav {
	background: url("../img/mainVisualPrice.png") 3px 48px no-repeat;
	width: 790px; height: 214px;
}
.contact #globalNav {
	background: url("../img/mainVisualContact.png") 3px 48px no-repeat;
	width: 790px; height: 214px;
}

.page #main .content {
	padding: 20px 20px 8px;
	width: 745px;
}

.profile #main .content .modL {
	width: 240px;
}
.profile #main .content .modL h3.profileYanagisawa {
	background: url("../img/profileYanagisawa.jpg") no-repeat;
	width: 234px; height: 40px;
	text-indent: -9999px;
	margin: 0;
}
.profile #main .content .modL h3.profileAsano {
	background: url("../img/profileAsano.jpg") no-repeat;
	width: 234px; height: 40px;
	text-indent: -9999px;
	margin: 0;
}
.profile #main .content .modR {
	text-align: left;
	width: 495px;
}
.profile #main .content h4.greetingTtl {
	background: url("../img/contentTtlGreeting.png") no-repeat;
	width: 492px; height: 36px;
	text-indent: -9999px;
	margin-top: 3px;
}
.profile #main .content h4.profileTtl {
	background: url("../img/contentTtlProfile.png") no-repeat;
	width: 492px; height: 36px;
	text-indent: -9999px;
}
.profile #main .content h4.missionTtl {
	background: url("../img/contentTtlMission.png") no-repeat;
	width: 492px; height: 36px;
	text-indent: -9999px;
}
.profile .content .modR p, .profile .content .modR ul {
	padding: 10px 10px 20px;
}
.profile .content .modR dl {
	padding: 0px 10px 20px;
	margin-top: -10px;
}
.profile .content .modR dl dt {
	float: left;
	clear: left;
	width: 110px;
}
.profile .content .modR dl dd {
	float: left;
	width: 360px;
}
.profile #main .content .clear {
	padding-top: 20px !important;
	padding-top: 0;
}
.profile .gotoTop {
	font-size: 93%;
	padding-left: 14px;
	background: url("../img/arrowUp.gif") no-repeat;
	clear: both;
}

#main .content ul.anchorLink {
	text-align: center;
	margin-left: 3px;
}
#main .content ul.anchorLink li {
	display: inline;
	margin: 0;
}
#main .content #kansa, #main .content #zeimu, #main .content #consul {
	margin: 20px 0 0;
}
#main .content #kansa h3 {
	background: url("../img/contentTtlKansa.png") no-repeat;
	width: 743px; height: 37px;
	text-indent: -9999px;
}
#main .content #zeimu h3 {
	background: url("../img/contentTtlZeimu.png") no-repeat;
	width: 743px; height: 37px;
	text-indent: -9999px;
}
#main .content #consul h3 {
	background: url("../img/contentTtlConsul.png") no-repeat;
	width: 743px; height: 37px;
	text-indent: -9999px;
}
	
.contact #main .content .contactDetail {
	background: url("../img/contactBg.jpg") no-repeat;
	width: 743px; height: 208px;
}
.contact #main .content .contactDetail img {
	margin: 75px 0 0 55px;
}
.contact #main .content {
	text-align: left;
}
.contact #main .content p {
	margin-bottom: 20px;
}

.service #main .content .modR p {
	padding: 10px;
}
.service #main .content .modR p.gotoTop {
	padding: 0 10px 0 14px;
}

.service #main .section {
	margin: 15px 10px 0 15px;
	text-align: left;
}
.service #main .section p {
	margin-left: 18px;
}