@charset "UTF-8";

html,body {
width:100%;
height:100%;
}

.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 */

a {outline:none 0px #000; color:#0A6472;}
a:hover {color:#f30;}

strong {font-weight:bold;}

html {
	background:#f0f0f0 url(../images/body_bg.png) 0 0 repeat-x;
}

body {
	min-width:1045px;
	font-family: "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	background:transparent url(../images/head_bg.png) 0 0 no-repeat;
	color:#333;
}

/* ************************
#CommonCSS
************************* */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.pt20{padding-top:20px;}
.lp10{padding-left:10px;}
.lp20{padding-left:20px;}
.lp30{padding-left:30px;}

/* ************************
#Header
************************* */

#Header {
	width:1000px;
	position:relative;
}

h1 a {
	display:block;
	width:119px;
	height:53px;
	position:absolute;
	top:10px;
	left:10px;
	background:transparent url(../images/logo.png) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

#Header #headcmt {
	position:absolute;
	top:10px;
	left:250px;
}

/* ************************
#LeftContainer
************************* */
#LeftContainer {
	width:200px;
	float:left;
	position:absolute;
	left:0;
	top:110px;
}

/* #Navigation */
#Navigation li {
	margin-bottom:10px;
}

#Navigation li a{
	display:block;
	width:160px;
	height:30px;
	background-position:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}

#Navigation li a:hover{background-position:0 100%;}

#Navigation li.l01 a {background-image:url(../images/navi1.png);}
#Navigation li.l02 a {background-image:url(../images/navi2.png);}
#Navigation li.l03 a {background-image:url(../images/navi3.png);}
#Navigation li.l04 a {background-image:url(../images/navi4.png);}
#Navigation li.lhome a {background-image:url(../images/navi-home.png);}

body#Works #Navigation li.l01 a,
body#Service #Navigation li.l02 a,
body#About #Navigation li.l03 a,
body#Contact #Navigation li.l04 a,
body#Main #Navigation li.lhome a{background-position:0 100%;}

/* BannerContainer */
#BannerContainer {
	padding:110px 0 0 10px;
}

/* ************************
#RightContainer
************************* */
body#Main #RightContainer {
	padding:400px 0 0 200px;
}

#RightContainer {
	padding:30px 0 0 200px;
}

/* ************************
#Footer
************************* */
#Footer {
	font-size:11px;
	padding:50px 10px 20px 0;
	text-align:right;
	line-height:1.5;
}

#Footer .mail img {
	vertical-align:text-bottom;
	margin-right:5px;
}

/* ************************
#Contentes
************************* */
#Contents {
	background:#fff url(../images/dot1px.gif) 0 0 no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-bottom:30px;
}

#Contents h2 {
	padding:10px 0 0 10px;
	margin-bottom:10px;
}

/* **** Works **** */
body#Work #Contents h2 {
	margin-bottom:50px;
}

body#Work #worksNavi {
	position:absolute;
	left:210px;
	top:65px;
}

body#Work #worksNavi li{display:inline;}

#worksNavi li a{
	width:71px;
	height:15px;
	display:block;
	float:left;
	/*display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;*/
	font-size:12px;
	background-position:0 0;
	background-repeat:no-repeat;
	border-bottom:3px solid #fff;
	text-indent:-9999px;
	margin-right:15px;
}

#worksNavi li a:hover {background-position:0 100%;}

body#Work #worksNavi li.service a {background-image:url(../images/worksnavi_service.png);}
body#Work #worksNavi li.web a {background-image:url(../images/worksnavi_web.png);}
body#Work #worksNavi li.dtp a {background-image:url(../images/worksnavi_dtp.png);}
body#Work #worksNavi li.other a {background-image:url(../images/worksnavi_other.png);}

body.service #worksNavi li.service a,
body.web #worksNavi li.web a,
body.dtp #worksNavi li.dtp a,
body.other #worksNavi li.other a {
	background-position:0 100%;
	border-bottom:3px solid #c00;
}

body#Work .entry {
	width:760px;
	margin-top:20px;
	padding-bottom:20px;
}

body#Work .entry .entry-body {padding-left:50px;}

body#Work .entry .left {
	width:262px;
	float:left;
}

body#Work .entry .left img {display:block;}

body#Work .entry .change li {display:inline;}

body#Work .entry .change li a {
	/*display:table-cell;*/
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	/*width:15px;
	height:15px;*/
	padding:3px;
	font-size:10px;
	background-color:#231815;
	color:#fff;
	/*text-align:center;
	vertical-align:middle;*/
	cursor:pointer;
	/*border-right:1px solid #fff;*/
	text-decoration:none;
}

body#Work .entry .change li a:hover {
	background-color:#fff;
	color:#231815;
}

body#Work .entry .right {
	width:428px;
	float:right;
}

body#Work .entry h3 {
	color:#069;
	font-size:16px;
	margin-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

body#Work .entry .ganre {
	font-size:12px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}

body#Work .entry .type {
	font-size:12px;
	padding:5px 0;
}

body#Work .entry .url {margin-bottom:15px;}

body#Work .entry .url a {
	color:#c00;
	text-decoration:none;
	padding:5px 0;
	font-size:14px;
}

body#Work .entry .comment {
	font-size:12px;
	line-height:1.5;
	margin-bottom:10px;
}

/* **** Service **** */
body#Service .entry {
	padding-left:20px;
}

body#Service .entry h3 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	height:30px;
	line-height:30px;
	background:transparent url(../images/icon_cube3.png) 0 50% no-repeat;
	padding-left:22px;
}

body#Service .entry-body {
	width:760px;
}

body#Service .entry-body .left {
	width:260px;
	float:left;
}

body#Service .entry-body .right {
	width:490px;
	float:right;
}

body#Service .entry-body .right h4 {
	font-size:14px;
	background:transparent url(../images/icon_cube4.png) 0 50% no-repeat;
	padding-left:22px;
}

body#Service .entry-body .right p {
	padding-left:22px;
	font-size:12px;
	line-height:1.5;
}

/* **** About **** */

body#About table {
	margin-top:20px;
}

body#About th,
body#About td {
	padding:3px 10px 3px 5px;
	font-size:12px;
	border:1px solid #ccc;
	vertical-align:top;
	line-height:1.75;
}

body#About th {
	background-color:#231815;
	color:#fff;
	border:1px solid #231815;
	border-bottom:1px solid #666;
}

/* **** Contact **** */

body#Contact #Contents h2 {
	margin-bottom:20px;
}

body#Contact th,
body#Contact td {
	padding:10px;
	font-size:12px;
	border:1px solid #8ebeb7;
	vertical-align:top;
	line-height:1.75;
}

body#Contact th {
	background-color:#c4ebe5;
	color:#006472;
	border:1px solid #8ebeb7;
	border-bottom:1px solid #8ebeb7;
}

body#Contact h3 {
	font-size:14px;
	line-height:1.75;
}

body#Contact .err {
	font-size:12px;
	line-height:1.75;
	color:#df3763;
}

body#Contact .err span {
	display:moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	background-color:#fdd9e3;
	border:1px solid #df3763;
	padding:10px;
}

body#Contact input.t1,
body#Contact textarea {
	border:1px solid #ccc;
}

/* ************************
#for index.php
************************* */
/* Information */
body#Main #Information {
	padding:10px 0 10px 180px;
	font-size:12px;
	background:transparent url(../images/top_title_info.png) 50px 50% no-repeat;
}

body#Main #Information a {
	text-decoration:none;
}

/* Plan */
body#Main #Plan h2{
	width:100%;
	height:33px;
	background:#231815 url(../images/icon_top_plan.png) 0 0 no-repeat;
}

body#Main #Plan h2 span {
	display:block;
	width:223px;
	height:33px;
	background:transparent url(../images/top_title_plan.png) 55px 0 no-repeat;
	text-indent:-9999px;
}

body#Main #Plan .left {
	width:385px;
	float:left;
	border-right:1px solid #ccc;
}

body#Main #Plan .right {
	width:385px;
	float:right;
}

body#Main #Plan .entry {
	width:840px;
}

body#Main #Plan .entry-body {
	padding:20px 0 0 50px;
}

body#Main #Plan .entry .thumb {
	width:130px;
	float:left;
}

body#Main #Plan .entry .text {
	width:255px;
	float:left;
}

body#Main #Plan .entry h3 {
	font-size:14px;
	height:17px;
	line-height:17px;
	background:transparent url(../images/icon_cube1.png) 0 50% no-repeat;
	margin-bottom:10px;
	padding-left:22px;
}

body#Main #Plan .entry li {
	font-size:12px;
	line-height:12px;
	background:transparent url(../images/icon_cube2.png) 2px 50% no-repeat;
	margin-bottom:7px;
	padding-left:22px;
}

/* Service */
body#Main #Service h2{
	width:100%;
	height:33px;
	background:#231815 url(../images/icon_top_hot.png) 0 0 no-repeat;
}

body#Main #Service h2 span {
	display:block;
	width:366px;
	height:33px;
	background:transparent url(../images/top_title_service.png) 55px 0 no-repeat;
	text-indent:-9999px;
}

body#Main #Service .entry {
	width:840px;
}

body#Main #Service .entry-body {
	padding:20px 0 0 50px;
}

body#Main #Service .entry .thumb {
	width:280px;
	float:left;
}

body#Main #Service .entry .text {
	width:500px;
	float:right;
	font-size:12px;
	line-height:1.5;
	padding-top:10px;
}