/*
Theme Name: 
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: 
Version: 1.0
Author: Synchro Design
Author URI: http://www.synchro-d.com/
*/



body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(img/common/head-bg.jpg);
	background-repeat: repeat-x;
	color: #697981;
	font-size: 80%;

}



h1,h2,h3,h4,p,ul,ol,dl,dd{	margin: 0px; padding: 0px;}

img {border : 0px}

.right{float: right;}

.left{float: left;}

.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

a{
	color: #6AAED3;
	text-decoration: none;
}

a:hover{
	color: #FF9900;
	text-decoration: underline;
}



/*wp style--------------------------------------*/

img.alignleft{margin: 0 25px 2px 0; float: left;}

img.alignright{margin: 0 0 2px 25px; float: right;}

.alignright {text-align: right;}

.alignleft {text-align: left;}

.aligncenter{text-align: center;}

.more-link{}


/*LAYOUT--------------------------------------*/


#all{
	width: 840px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#head{
	padding-top: 10px;
	margin-bottom: 6px;
}

#wrap{
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#main{
	line-height: 1.5em;
}

#column-1{}

#column-2{
	width: 585px;
	float: left;
}

#side{
	float: right;
	width: 185px;
}


/*head--------------------------------------*/


#head h1{
	font-size: 100%;
	font-weight: normal;
	text-align: right;
}

#head .rogo{
	float: left;
	margin-bottom: 10px;
}

#head .contact{
	float: right;
	padding-top: 34px;
}

#g-navi{
	text-align: left;
}

#g-navi ul{
	width: 840px;
}

#g-navi ul li{
	float: left;
	list-style-type: none;
	font-size: 10px;
	background-repeat: no-repeat;
	height: 53px;
}

#g-navi ul li a{
	display: block;
	text-decoration: none;
	width: 140px;
	height: 47px;
}

#g-navi ul li a span{
	visibility: hidden;
}


#g-navi ul li.menu01{background-image: url(img/common/gn01.jpg);background-position: left top;}
#g-navi ul li.menu01-on{background-image: url(img/common/gn01.jpg);background-position: left -53px;}

#g-navi ul li.menu02{background-image: url(img/common/gn02.jpg);background-position: left top;}
#g-navi ul li.menu02-on{background-image: url(img/common/gn02.jpg);background-position: left -53px;}

#g-navi ul li.menu03{background-image: url(img/common/gn03.jpg);background-position: left top;}
#g-navi ul li.menu03-on{background-image: url(img/common/gn03.jpg);background-position: left -53px;}

#g-navi ul li.menu04{background-image: url(img/common/gn04.jpg);background-position: left top;}
#g-navi ul li.menu04-on{background-image: url(img/common/gn04.jpg);background-position: left -53px;}

#g-navi ul li.menu05{background-image: url(img/common/gn05.jpg);background-position: left top;}
#g-navi ul li.menu05-on{background-image: url(img/common/gn05.jpg);background-position: left -53px;}

#g-navi ul li.menu06{background-image: url(img/common/gn06.jpg);background-position: left top;}
#g-navi ul li.menu06-on{background-image: url(img/common/gn06.jpg);background-position: left -53px;}



/*main image under--------------------------------------*/

.title-img-top{
	margin-bottom: 20px;
}

.title-img-mid{
	margin-bottom: 30px;
}

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


table{
	line-height: 1.4em;
	font-size: 100%;
}

.tx-10{
	font-size: 75%;
}

.arrow{
	background-image: url(img/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.arrow a{
	color: #697981;
}


.tx-red-b{
	font-weight: bold;
	color: #CE0062;
}

.caution{
	color: #FF9900;
}


/*side-area text--------------------------------------*/

#side p{
	margin-bottom: 10px;
	line-height: 1.5em;
}


/*foot--------------------------------------*/

#foot{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #66B3DD;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}


#foot ul li{
	float: left;
	list-style-type: none;
	margin-right: 15px;
}






/*main-area text--------------------------------------*/


#main .title-area{
	margin-bottom: 1.5em;
}

#main .title-area h2{
	background-image: none;
	height: 0px;
	width: 0px;
	background-repeat: no-repeat;
	padding: 0px;
	display: none;
	background-position: left center;
}

#main .title-area p{
	margin-bottom: 10px;
}



#main h2{
	margin-bottom: 18px;
}

#main p{
	margin-bottom: 1em;
}




#main h3{
	font-size: 100%;
	color: #006699;
	margin-bottom: 0.5em;
}

#main h4{
	font-size: 100%;
	color: #006699;
	margin-bottom: 0.2em;
	margin-top: 1.5em;
}

#main ul{
	margin-bottom: 1em;
}

#main ul li{
	background-image: url(img/common/li.jpg);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-type: none;
	line-height: 1.3em;
}


#main ol{
	margin-bottom: 1.5em;
}

#main ol li{
	margin-left: 2em;
	margin-bottom: 5px;
}


#main .sq{
	background-image: url(img/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	padding-left: 14px;
	margin-bottom: 5px;
}



#main #sub-pages h2{
	background-image: url(img/common/h2.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	font-size: 120%;
	margin-bottom: 20px;
	background-position: left center;
	color: #006699;
}




/*table--------------------------------------*/


.nomal-table{
	width: 100%;
	background-color: #CCCCCC;
}

.nomal-table td{
	background-color: #FFFFFF;
	padding: 6px;
}

.nomal-table th{
	background-color: #F0F5FB;
	font-weight: normal;
	text-align: left;
	padding: 6px;
}

.small-table{
	width: 100%;
	background-color: #E6EAEC;
}

.small-table td{
	background-color: #FFFFFF;
	padding: 3px;
}

.small-table th{
	background-color: #F3F8FC;
	font-weight: normal;
	text-align: left;
	padding: 3px;
}





/*space--------------------------------------*/


#main .space-b-0{
	margin-bottom: 0px;
}


#main .space-b-5{
	margin-bottom: 5px;
}


#main .space-b-8{
	margin-bottom: 8px;
}


#main .space-b-10{
	margin-bottom: 10px;
}

#main .space-b-20{
	margin-bottom: 20px;
}


#main .space-b-30{
	margin-bottom: 30px;
}

#main .space-b-50{
	margin-bottom: 50px;
}




/*top page--------------------------------------*/

.title-area .left{
	width: 558px;
}

.top-works{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}

.top-works dl.show-case{
	width: 140px;
	text-align: center;
	float: left;
}

.top-works dl.show-case dt{
	margin: 0px;
	padding: 0px;
}
.top-works dl.show-case dd{
	margin: 0px;
	font-size: 80%;
	line-height: 1.2em;
	background-image: url(img/top/works-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
}

.top-works dl.space-edge{
	margin-right: 28px;
}

.top-works dl.space-center{
	margin-right: 27px;
}

.top-point{
	width: 810px;
	padding-bottom: 10px;
	margin-top: 10px;
}

.under-line{
	background-image: url(img/top/point-line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



.top-point dl{
	width: 250px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
}

.top-point dl.space{
	margin-right: 30px;
}


.top-point dt{
	margin-bottom: 5px;
}

.top-point dd{
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
}

.contact-area{
	background-color: #F5F5F5;
	width: 810px;
	border: 1px solid #EFEFEF;
}

.contact-area .glid{
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}



#main .contact-area .tel p{
	line-height: 1.2em;

}

.contact-area .tel{
	float: left;
	margin-left: 30px;
	width: 240px;
}

.contact-area .servicearea{
	float: right;
	width: 280px;
	background-image: url(img/top/vertical-line.gif);
	background-repeat: repeat-y;
	height: 100px;
}


#main .contact-area .servicearea p{
	width: 250px;
	float: right;
	line-height: 1.5em;

}


/*plan--------------------------------------*/


#main ul.check-point{
	margin-top: 5px;
}

#main ul.check-point li{
	background-image: url(img/plan/check.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 18px;
	margin-bottom: 0.1em;
}

#main ul.check-point li a{
	color: #006699;
}

#main ul.check-point li a:hover{
	color: #FF9900;
	text-decoration: underline;
}


/*1column 2block--------------------------------------*/

.container{
	margin-bottom: 30px;
}

.container .block{
	margin-bottom: 30px;
	width: 810px;
}


.container .left-box{
	float: left;
	width: 390px;
}

.container .right-box{
	float: right;
	width: 390px;
}
	
.container .sample{
	float: left;
}

.container .space{
	margin-right: 50px;
}

/*works--------------------------------------*/


#main .works h3{
	margin-bottom: 0px;
}

#main .works p{
	margin-bottom: 10px;
	line-height: 1.2em;
}

#main .works .work-details{
	width: 210px;
	float: right;
}

#main .works p.option{
	margin-bottom: 5px;
}

#main .works .block{
	margin-bottom: 10px;
}



/*flow--------------------------------------*/


#main .flow{
	margin-bottom: 10px;
	background-image: url(img/common/dot-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 585px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#main .flow .step{
	float: left;
	width: 60px;
	padding-left: 10px;
}

#main .flow .deteal{
	width: 515px;
	float: right;
}


/*faq--------------------------------------*/


#main .faq{
	margin-bottom: 10px;
	background-image: url(img/common/dot-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 585px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#main .faq h3{
	background-image: url(img/common/Q.jpg);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	background-position: left top;
	padding-top: 8px;
	padding-left: 60px;
	margin-bottom: 10px;
}

#main .faq .answer{
	background-image: url(img/common/A.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 60px;
}


/*contact--------------------------------------*/


#ja{
	ime-mode:active;
}
#en{
	ime-mode:disabled;
}


form{	margin-top: 0px;}

span.caution{
	color: #FF0000;
}

span.tex-s{	font-size: 10px;}


.contact-table{
	width: 100%;
	background-color: #CCCCCC;
	margin-bottom: 10px;
	margin-top: 0px;
}


.contact-table td{
	background-color: #FFFFFF;
	padding: 10px;
}

.contact-table th{
	background-color: #F8F8F8;
	padding: 10px;
	font-weight: normal;
	text-align: left;
}


.contact-table .field{
	width: 350px;
	height: 20px;
	border: 1px solid #CCCCCC;
}

.contact-table .field2{
	width: 350px;
	border: 1px solid #CCCCCC;
}


#main .contact-table p{
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10px;
}


#send-button{
	border: 0px;
	width: 140px;
	height: 31px;
	background-image: url(img/common/send.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#submit-button{
	border: 0px;
	width: 140px;
	height: 31px;
	background-image: url(img/common/submit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#back-button{
	border: 0px;
	width: 140px;
	height: 31px;
	background-image: url(img/common/back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 30px;
}