@charset "utf-8";

/*@import url("file:///D|/MyDocuments/WorkDate/TsudaYumi/html/css/reset2.css");*/

/*common
-------------------------------------------------------*/

html{ background: #eee; /*height: 100%;*/}

body {
	font: 13px/1.231 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	_font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/font: 16px/1.231 "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; /*IE6, IE7*/
	font: 14px/1.231 "ＭＳ Ｐゴシック"9, "MS P Gothic"9, sans-serif9; /*IE8*/
	*font-size:small;
  *font:x-small;
  line-height: 1.65;
	color: #111;
	height: 100%;
	background: #f8f8f8 url(../common/img/bg.png) no-repeat fixed;
}

/** html body { background: url(null) fixed; } ie6用*/

.text9 { font-size:69%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }
.bold{ font-weight: bold; }
.red{ color: #F00; }
.blue{ color: #39c; }
.gray{ color: #999; }

a:link, a:visited, a:active{ color: #000; text-decoration: none; }
a:hover{ color: #c60; text-decoration: none; }
a { outline: none; }
li{ line-height: 1; list-style: none; }
img{ vertical-align: top; } /*ie6すきま対策*/
.uline{ text-decoration: underline; }
.uline a{ text-decoration: underline; }
.uline a:hover{ text-decoration: none; }

.clearfix { zoom: 1; }
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
input{ border: 0}
textarea{ border: 0}


/*ie対策*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
　display:block;
}


/*全ページ共通
-------------------------------------------------------*/

div#wrapper{ width: 980px; }

/*ヘッダ*/
header#pageHeader{ height: 120px; }
header#pageHeader h1{
	padding: 10px 0 0 50px;
	font-weight: normal;
	font-size: 85%;
}
header#pageHeader div#logo{
	padding: 25px 0 0 50px;
}


/*左メイン*/
div#leftArea{ float: left; width: 790px; }
div#leftArea div#content{ padding-left: 50px; width: 740px; }

/*右メニュー*/
div#rightArea{
	float: right;
	width: 140px;
	position: fixed;
	top: 120px;
	left: 840px;
	/left: 800px;
	/*z-index: -10*/
}
nav#globalNav{ float: left;}
nav#globalNav h1{ float: left; }
nav#globalNav ul{ float: right; }
nav#globalNav ul li{ margin: 0; line-height: 35px; }
* html nav#globalNav ul li  { margin-bottom: 20px; }/*ie6*/

/*img#rss{ position: absolute; top: 431px; left: 73px; }*/
/*div#pagetop{ clear: both; text-align: right; margin-bottom: 10px; }*/



/*フッタ*/
footer{ 
	clear: both;
	background: #ccc;
	background: url(../common/img/footerbg.gif) repeat-x; 
	/*height: 100%;*/ 
}
nav#footer{ width: 930px; margin-top: 50px; padding: 50px 0 50px 50px; }
nav#footer ul{ float: left; }
nav#footer ul li{ float: left; padding-right: 20px; }

p#copyright{ float: right; }


/*トップのみ
-------------------------------------------------------*/

/*topCopy*/
p#topCopy{ padding: 50px 0; /*background:url(../common/img/line01.gif) bottom no-repeat;*/ }

/*topWork*/
section#topWork{ padding: 25px 0 0 0; /*background:url(../common/img/line01.gif) bottom no-repeat;*/ }
section#topWork h1{ margin-bottom: 15px; float: left; }
section#topWork ul{ clear: both; }
section#topWork ul li{ float: left; padding-right: 25px; }
section#topWork ul li.rightLine{ padding-right: 0px; }
img.more{ float: right; }

/*topBlog*/
article#topBlog{ padding: 75px 0; /*background:url(../common/img/line01.gif) bottom no-repeat;*/ }
article#topBlog h1{ margin-bottom: 15px; float: left; }
article#topBlog ul { clear: both; }
article#topBlog ul li{ line-height: 1.8em; }
article#topBlog ul li h2{ font-weight: normal; display: inline; padding-left: 25px; }

/*topAbout*/
section#topAbout{ padding: 0 0 50px 0; /*background:url(../common/img/line01.gif) bottom no-repeat;*/ }
section#topAbout h1{ margin-bottom: 15px; }
section#topAbout h2{ margin-top: 15px; }
section#topAbout ul{ /*margin-bottom: 30px;*/ }
section#topAbout ul li{ line-height: 1.55em; }

/*環境*/
section#browser{ margin-bottom: 25px; }


/*下層ページ共通
--------------------------------------------------------*/
section#pageTitle{
	background:url(../common/img/pagetitle_bg.gif) no-repeat;
	padding-left: 50px;
	height: 50px;
	width: 740px;
	margin-bottom: 75px;
}
section#pageTitle h1{ float: left; padding: 15px 20px 0 0; }
section#pageTitle ul{ float: right; padding-right: 40px; }
section#pageTitle ul li{ float: left; padding-left: 20px; line-height: 50px; }

/*pagenation*/
div#naviArea{ text-align: center; }
/*div.wp-pagenavi{ padding: 0 0 25px 0; margin: 0 auto; }
div#pagenation{ clear: both; }*/
div#naviArea p#previous{ float: left; padding: 0 0 25px 0; }
div#naviArea p#next{ float: right; padding: 0 0 25px 0; }

p#contactLink{ margin-top: 50px; }


/*サービス
-------------------------------------------------------*/
section#serviceFirst{ margin-bottom: 75px; }
section#serviceFirst h1{ margin-bottom: 15px; }

section.serviceDetail{ margin-bottom: 50px; }
section.serviceDetail h1{ margin-bottom: 15px; }
section.serviceDetail ul { margin-top: 50px; }
section.serviceDetail ul li{
	float: left;
	width: 230px;
	height: 170px;
	/*width: 188px;
	height: 188px;
	border: 1px solid #ddd;
	padding: 20px;*/
	margin: 0 25px 25px 0;
	/*background: #f8f8f8;*/
	line-height: 1.55;
}
section.serviceDetail ul li.rightLine{ margin-right: 0; }
section.serviceDetail ul li h2{
	margin-bottom: 15px;
	line-height: 15px; 
	background: url(../common/img/list01.gif) no-repeat;
	text-indent: 18px; 
}
section.serviceDetail ul li p{ }


section#serviceDeals{ margin-bottom: 25px; }
section#serviceDeals h1{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
section#serviceDeals ul li{
	line-height: 1.55;
	clear: both;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
	margin-bottom: 25px; 
}
section#serviceDeals ul li h2{
	float: left;
	width: 230px;
}
section#serviceDeals ul li div{
	float: right;
	width: 510px;
}
section#serviceDeals ul li ul{ margin-top: 15px; }
section#serviceDeals ul li ul.note li{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/*仕事実績
-------------------------------------------------------*/

/*仕事実績一覧*/
ul#workList{ clear: both; }
ul#workList li{ float: left; padding-right: 25px; margin-bottom: 25px; }
ul#workList li.rightLine{ padding-right: 0px; }



/*キャプション*/
a { text-decoration: none; }

/* --- Container configuration ---------------------------------------------------------- */
.viewport {
	float: left;
	height: 165px;
	overflow: hidden;
	position: relative;
	width: 230px;
}

.viewport a { display: block; position: relative; }
.viewport a img { height: 165px; position: relative; width: 230px; }
.viewport a h2 {
	display: none;
	font-weight: normal;
	height: 100%;
	line-height: 165px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
	/*background-color: rgba(0, 0, 0, 0.5);*/
	background: #fff;
	zoom: 1.0;
	filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
	color: #000;
	/*text-shadow: #000 0px 0px 20px;*/
}
				 
/*仕事実績詳細*/
/*section#workDetail{ background: #fff; border: 1px solid #eee; padding: 50px; }
section#workDetail h1{ margin-bottom: 25px; }
ul#workDetailImage{ margin-bottom: 25px; }
ul#workDetailImage li{ margin-bottom: 25px; }*/

section#workDetail{ margin-bottom: 75px; }
section#workDetail a{ color: #c60; }
section#workDetail a:hover{ color: #111; }
p#contactLink a{ color: #111; }
p#contactLink a:hover{ color: #c60; }
section#workDetail h1{ margin-bottom: 25px; }
ul#workDetailImage{ margin-bottom: 50px; }
ul#workDetailImage li{ margin-bottom: 25px; }


/*ブログ
-------------------------------------------------------*/

/*article.blogContent{ width: 638px; background: #fff; border: 1px solid #eee; padding: 50px; margin-bottom: 25px; }
article.blogContent time{ margin-bottom: 15px; float: right; }
article.blogContent h1{ margin-bottom: 15px; clear: both; }*/

article.blogContent{ margin: -25px 0 100px 0; }
article.blogContent time{ margin-bottom: 15px; float: right; }
article.blogContent h1{ margin-bottom: 15px; clear: both; }


/*detail*/



/*お問い合わせ
-------------------------------------------------------*/

table#contactTable{ margin: 25px 0 0 0; border-top: 1px solid #ddd; }
table#contactTable tr th,
table#contactTable tr td{ border-bottom: 1px solid #ddd; padding: 7px 0; text-align: left; width: 520px; }
table#contactTable tr th{ font-weight: normal; vertical-align: middle; width: 200px;  }
table#contactTable input, table#contact textarea{ padding: 3px; background: #f8f8f8; }
table#contactTable textarea{ width: 100%; background: #f8f8f8; }

p#contactSubmit{ margin-top: 35px; text-align: center; }
p#contactSubmit input{ background:url(../contact/img/submit_off.gif) no-repeat; width: 103px; height: 26px; text-indent: -9999px; }

section#policy{ margin: 75px 0 25px 0; }