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

body {
	background-color: #fff
	}
	
p {
	color: #666
	}
	
.clr-red {
	color: #e13c4c
	}
	
#container {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative
	}

#header-top {
	width: 100%;
	height: 10px;
	background: #91d3f4 url(../img/header-top-bg2.png) repeat-x scroll;
	border-bottom: 2px solid #f0f0f0;
	overflow: hidden
	}
	
#header {
	height: 116px;
	}
	
#header-in {
	width: 800px;
	height: 116px;
	margin: 0 auto;
	}
	
#header-in #header-rogo {
	width: 157px;
	height: 94px;
	padding-top: 22px;
	background: #fff url(../img/owl-head.png) no-repeat scroll left bottom;
	}
	
#header-in #header-catch {
	width: 289px;
	height: 94px;
	margin: 22px 0 0 64px;
	background: #fff url(../img/header-catch.png) no-repeat scroll;
	text-indent: -9999px;
	display: inline
	}
	
header-address-btm {
	width: 290px;
	height: 55px;
	}
	
#header-in #header-address {
	width: 290px;
	height: 92px;
	padding-top: 24px;
	}
	
#header-in #header-faxmail {
	width: 192px;
	height: 55px;
	margin: 0;
	padding: 0;
	}
	
#header-in #header-faxmail img {
	float: left;
	}
	
/*global-navi*/	
#global-navi {
	height: 35px;
	background: #91d3f4 url(../img/tex-f.gif) repeat scroll;
	border-bottom: 2px solid #f0f0f0;
	}
	
#global-navi-in {
	width: 800px;
	height: 35px;
	margin: 0 auto;
	padding: 0
	}
	
#global-navi-in ul {
	width: auto;
	height: 24px;
	margin: 0;
	padding-top: 6px;
	}
	
#global-navi-in li {
	height: 24px;
	margin-right: 8px;
	float: left
	}
	
#global-navi-in li#end {
	height: 24px;
	margin: -6px 0 0 0;
	float: left
	}

/*content*/
#content {
	height: auto;
	margin: 25px 0;
	}
	
#content-in {
	width: 800px;
	height: auto;
	}
	
#content-box {
	width: 621px;
	height: auto;
	margin-right: 18px;
	}
	
#content-box #wordpress-box {
	width: 598px;
	height: 315px;
	margin: 0 0 15px 0;
	padding: 25px 0 0 23px;
	background: #fff url(../img/content-wordpress-bg.png) no-repeat scroll;
	line-height: 100%;
	}
	
#content-box #wordpress-box img {
	margin: 0;
	vertical-align: bottom;
	}
	
.pd-b-32 {padding-bottom: 32px}
.pd-l-79 {padding-left: 79px}
.pd-b-29 {padding-bottom: 29px}


#content-box #homepage-box {
	width: 338px;
	height: 284px;
	margin: -4px 13px 0 0;
	padding: 31px 20px 0 18px;
	background: #fff url(../img/content-homepage-bg.png) no-repeat scroll;
	}
	
.pd-l-81 {padding-left: 81px}
.pd-b-28 {padding-bottom: 28px}
.mg-t--19 {margin-top: -19px}

#content-box #homepage-box img {
	margin: 0;
	vertical-align: bottom;
	}
	
#content-box #homepage-box p {
	width: 298px;
	height: 35px;
	float: left;
	padding: 3px 0 0 27px;
	line-height: 130%
	}
	
#content-box #homepage-box a {
	margin-top: -31px;
	float: right
	}
	
#content-box #twitter-box {
	width: 200px;
	height: 156px;
	padding: 14px 17px 0 15px;
	margin-bottom: 6px;
	background: #fff url(../img/content-twitter-bg.png) no-repeat scroll;
	line-height: 100%
	}
	
#content-box #twitter-box img {
	margin: 0;
	vertical-align: bottom;
	}
	
#content-box #twitter-box p {
	margin-top: 2px;
	padding-left: 3px;
	}
	
.mg-t--18 {margin-top: -18px}


#content-box #blog-box {
	width: 202px;
	height: 118px;
	padding: 17px 17px 0 13px;
	background: #fff url(../img/content-blog_bg.png) no-repeat scroll;
	line-height: 100%
	}
	
#content-box #blog-box img {
	margin: 0;
	vertical-align: bottom;
	}
	
#content-box #blog-box a {
	width: 63px;
	}
	
.mg-b-8 {margin-bottom: 8px}
.mg-t--3 {margin-top: -3px}
	
/*sidebar*/
#sidebar {
	width: 161px;
	height: auto;
	}
	
#sidebar #info {
	width: 161px;
	height: auto;
	margin-top: 0;
	}
		
#sidebar #info h3 {
	width: 161px;
	height: 28px;
	}
	
#sidebar #info #info-box {
	width: 139px;
	height: auto;
	margin: 0;
	padding: 10px;
	background-color: #f2fafe;
	border-right: 2px solid #f0f0f0;
	}
	
ul.info-content {
	width: 139px;
	height: auto;
	color: #666;
	font-size: 83%;
	}
	
ul.info-content li {
	width: 131px;
	height: auto;
	margin-bottom: 7px;
	padding: 0 0 3px 5px;
	color: #666;
	border-bottom: 1px dashed #ccc
	}
	
ul.info-content li#end-info {
	width: 131px;
	height: auto;
	margin-bottom: 0;
	padding: 0 0 3px 5px;
	color: #666;
	border-bottom: 1px dashed #ccc
	}
	
.bd-01 {border-left: 3px solid #96b6bc} 
.bd-02 {border-left: 3px solid #91d3f4}
		
#sidebar #info #info-border-btm {
	width: 159px;
	height: 2px;
	background-color: #f0f0f0;
	overflow: hidden
	}
	
#sidebar #twitter-gadjet {
	width: 161px;
	height: auto;
	margin-top: 13px;
	}
	
#sidebar #menu-box {
	width: 161px;
	height: auto;
	float: left
	}
	
#sidebar #menu-box img {
	vertical-align: bottom
	}
	
#sidebar #menu-box h4 {
	border-right: 2px solid #f0f0f0
	}
	
#sidebar $menu-box ul {
	width: 161px;
	height: auto;
	float: left
	}
	
#sidebar #menu-box ul li {
	height: 26px;
	overflow: hidden;
	}
	
#sidebar #menu-box ul li.li-home {
	height: 27px;
	border-right: 2px solid #f0f0f0
	}
	
.mg-26 {margin-top: -26px}
.mg-52 {margin-top: -52px}
	
/*page*/
.content-page {
	width: 591px;
	height: auto;
	}
	
.content-page p {
	width: 591px;
	height: auto;
	color: #555;
	font-size: 88%;
	line-height: 140%
	}
	
.content-page img {
	vertical-align: bottom
	}
	
.content-page h4 {
	margin-bottom: 12px;
	}
	
.content-page .chapter {
	width: 571px;
	height: auto;
	margin: 0 10px 35px;
	float: left;
	display: inline
	}
	
.content-page .chapter-2 {
	width: 571px;
	height: auto;
	margin: 0 10px 20px;
	float: left;
	display: inline
	}
	
.content-page .chapter p {
	width: 546px;
	height: auto;
	float: left;
	padding-left: 25px
	}
	
.content-page .chapter-2 p {
	width: 546px;
	height: auto;
	float: left;
	padding-left: 25px
	}
		
#homepage-title-box {
	width: 591px;
	height: 156px;
	float: left;
	background-color: aqua
	}

#service-homepage-1	{
	width: 591px;
	height: 260px;
	float: left
	}
	
#service-homepage-1 #service-homepage-1-l {
	width: 279px;
	height: 217px;
	overflow: hidden;
	}
	
#service-homepage-1 #service-homepage-1-r {
	width: 312px;
	height: 217px;
	overflow: hidden;
	}
	
#service-homepage-2	{
	width: 591px;
	height: 185px;
	float: left
	}
	
#service-homepage-2 #service-homepage-2-l {
	width: 327px;
	height: 110px;
	overflow: hidden;
	}
	
#service-homepage-2 #service-homepage-2-r {
	width: 264px;
	height: 110px;
	overflow: hidden;
	}
	
#service-homepage-3	{
	width: 591px;
	height: auto;
	float: left
	}
	
.tx-box {
	width: 559px;
	height: auto;
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #555
	}
	
.op-chapter {
	width: 571px;
	height: 20px;
	padding-bottom: 2px;
	line-height: 100%;
	border-bottom: 1px solid #adafb9;
	}

/*flow*/
.content-page .chapter-3 {
	width: 571px;
	height: auto;
	margin: 0 10px 35px;
	float: left;
	display: inline
	}

.content-page .chapter-3 p {
	width: 532px;
	height: auto;
	float: left;
	padding-left: 39px;
	margin-bottom: 7px
	}
	
/*price*/
table.price {
	width: 569px;
	height: auto;
	float: left;
	border: #ccc solid;
	border-width: 1px 0 0 1px;
    border-collapse: collapse;
    border-spacing: 0;
    }

table.price td {
	padding: 7px 0;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	font-size: 82%;
	font-weight: normal
	}
	
table.price td.td-l {
	width: 60%;
	padding-left: 10px;
	padding-right: 10px;
	background: #e2f2e5 url(../img/table-bg-blue.gif) repeat scroll;
	color: #666;
	}
	
table.price td.td-r {
	width: 40%;
	padding-left:10px;
	padding-right: 10px;
	color: #e44f5e;
	font-size: 20px;
	text-align: right
	}


/*form*/
table#form {
	width: 619px;
	height: auto;
	float: left;
	border: #ccc solid;
	border-width: 1px 0 0 1px;
    border-collapse: collapse;
    border-spacing: 0;
    }

table#form td {
	padding: 5px 0;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	font-size: 82%
	}
	
table#form td.td-l {
	width: 160px;
	padding-left: 10px;
	padding-right: 10px;
	background: #e2f2e5 url(../img/table-bg.gif) repeat scroll;
	color: #34653f;
	}
	
table#form td.td-r {
	width: 428px;
	padding-left:5px;
	padding-right: 5px;
	color: #555
	}
	
#form-button {
	width: 621px;
	height: auto;
	float: left;
	padding: 10px 0;
	text-align: center
	}
	
#postmail {
	width: 621px;
	height: auto;
	float: left;
	padding: 20px 0;
	text-align: center
	}
	
#postmail a {
	color: #4355BE;
	font-size: 63%;
	text-decoration: none
	}
	
/*footer*/
#footer {
	height: 140px;
	background: #91d3f4 url(../img/tex-footer.gif) repeat scroll;
	border-top: 1px solid #f0f0f0 
	}
	
#footer-in {
	width: 800px;
	height: 140px;
	}
	
#footer-in #footer-rogo {
	width: 144px;
	height: 104px;
	padding: 16px 0 0 10px;
	}
	
#footer-in #footer-navi {
	width: 430px;
	height: 100px;
	float: left;
	padding-top: 20px;
	}
	
#footer-in #footer-navi ul {
	width: 76px;
	height: 78px;
	padding: 2px 40px 0 8px;
	border-left: 1px solid #fff;
	}

#footer-in #footer-navi ul li {
	color: #fff;
	font-size: 12px;
	line-height: 100%
	}

#footer-in #copyright {
	padding-top: 15px;
	}
	
#footer-in #copyright a {
	color: #fff;
	text-decoration: none;
	}