@charset "utf-8";

/*-----css reset-----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
fieldset,img { 
	border:0;
	color:#ffffff;
	background:transparent;
}
address,caption,cite,code,dfn,em,strong,b,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style-type:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*-----page all default setting-----*/

body{
margin:0px auto;
padding:0px;
text-align:center;
color:#222222;
background-color:#ffffff;
background-image:url(../images/base/body_bg.png);
background-repeat:repeat-x;
font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'MS UI Gothic',"ＭＳ Ｐゴシック",Arial,sans-serif;
font-size:12px;
}


#header{
position:relative;
margin:0px 0px 0px 50px;
padding:0px;
width:850px;
height:100px;
text-align:left;
}

#logo{
position:relative;
margin:0px 0px 0px 10px;
padding:0px;
width:310px;
height:60px;
float:left;
}

.phone-n{
position:relative;
display:inline;
width:260px;
height:50px;
margin:0px 0px 0px 150px;
float:none;
}

#description{
position:relative;
width:800px;
margin:9px auto;
padding:0px;
z-index:2;
}

/*-----main contents box setting-----*/

#contentBox{
position:relative;
margin:0px auto;
padding:0px;
text-align:center;
width:99.99%;
min-height:200px;
background-color:#ffffff;
}

#c_title{
position:relative;
margin:0px;
padding:0px;
text-align:left;
width:850px;
height:55px;
}


.maincontentsBox{
position:relative;
margin:0px auto;
padding:0px;
text-align:left;
width:650px;
min-height:300px;
}

/*-----column contents box setting-----*/



/*-----footer setting-----*/

#footer{
position:relative;
margin:0px auto;
width:850px;
height:100px;
background-image:url(../images/base/footer_bg.png);
background-repeat:no-repeat;
background-position:0px;
text-align:right;
}

.f_navi{
position:relative;
display:block;
margin:0px auto;
padding:0px;
font-size:12px;
width:800px;
}

.f_navi li{
position:relative;
margin:0px;
padding:0px;
font-size:12px;
float:left;
min-width:50px;
min-height:15px;
}

.copyr address{
position:relative;
display:block;
margin:10px 0px 0px 0px;
padding:0px;
font-size:12px;
height:20px;
}


/*-----global navi menu setting-----*/
#g_navi{
position:relative;
width:99.999%;
height:40px;
text-align:center;
margin:0px;
padding:0px 0px 0px 0px;
z-index:10;
background-image:url(../images/g_navi/gn_bg.png);
background-position:0px 0px;
background-repeat:repeat-x;
}

#g_navi li{
position:relative;
float:left;
display:block;
width:120px;
height:40px;
margin:0px;
padding:0px;
z-index:10;
}

/*-----global navi button setting-----*/

.gn_top a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_top.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_top a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_top.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_concept a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_concept.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_concept a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_concept.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_service a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_service.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_service a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_service.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_flow a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_flow.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_flow a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_flow.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_price a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_price.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_price a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_price.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_works a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_works.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_works a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_works.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_blog a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_blog.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_blog a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_blog.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_contact a{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_contact.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_contact a:hover{
display:block;
width:120px;
height:40px;
background-image:url(../images/g_navi/gn_contact.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

/*-----contact button setting-----*/


.contact_btn a{
display:block;
width:265px;
height:60px;
background-image:url(../images/base/btn_contact.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.contact_btn a:hover{
display:block;
width:265px;
height:60px;
background-image:url(../images/base/btn_contact.png);
background-position:0px -60px;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}




/*-----clear setting-----*/

.clear{
clear:both;
}