@charset "UTF-8";

/* CSS Document */

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

* {
  margin: 0px;
  padding: 0px;
}

a:link	 { color: #0066cc; text-decoration: none }
a:visited { color: #0066cc; text-decoration: none }
a:active	{ color: #0066cc;  } 
a:hover	{ color: #ff9900; text-decoration: underline }

img { border: 0px; }

li { list-style-type: none; }

hr { display: none; }

br.clr-l {
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    width: 1px;
    height: 1px;
    margin: 0px -1px -1px 0px;
    padding: 0px;
}

body {
	background: #fff;
	margin : 0;
	padding : 0;
	text-align : center;
}

body,td,div,li	{
    font-size : 12px;
    font-family : "Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka";
	color: #3f3f3f;
    line-height : 150%;	
}


#containerbg {
 	width : 100%;
	margin: 0px auto;
    padding: 0px 0px 10px 0px;
}


#containerArea {
    overflow: hidden;
    background: #fff;
 	width : 968px;
	margin: 0px auto;
    padding: 0px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#containerTop {
    background: url(../img/body_bg_top.gif) no-repeat left top;
 	width : 1010px;
	height: 10px;
	margin: 0px auto;
}

#containerBottom {
    background: url(../img/body_bg_bottom.gif) no-repeat left top;
 	width : 1010px;
	height: 10px;
	margin: 0px auto;
}

/* ----------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------- */

#headerArea {
    background: url(../img/header_bg.gif) repeat-x left top;
 	width : 100%;
	height: 128px;
	margin: 0px auto;
    padding: 0px;
}

#header {
    position: relative;
 	width : 1010px;
	height: 128px;
    position: relative;	
	margin: 0px auto;
    padding: 0px;
}

#logo {
    position: absolute;
    left: 0px;
    top: 29px;
    width: 246px;
    height: 31px;
}

/* ----------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------- */

#contentsArea {
 	width : 968px;
	text-align: left;
	margin: 10px auto;
    padding: 0px;
}

#pankuzuTxt {
    width: 1010px;
	text-align: left;
	font-size: 11px;
	margin: 0px auto;
    padding: 5px 0px;
	border-top: 3px solid #66c1ba;
}

#leftArea {
    float: left;
    width: 700px;
	margin-bottom: 10px;
}

#rightArea {
    float: right;
    width: 250px;
	padding: 0px;
}

#rightAreaTop {
    background: url(../img/rightarea_bg_top.jpg) no-repeat left top;
 	width : 250px;
	height: 37px;
	margin: 0px;
}

#rightAreaMiddle {
    width: 248px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#rightAreaBottom {
    background: url(../img/rightarea_bg_bottom.jpg) no-repeat left top;
 	width : 250px;
	height: 17px;
	margin: 0px;
}

.pageTop {
    position: absolute;
    right: 17px;
    top: 22px;
	margin: 0px;
    padding: 0px;
}

.red {
    color: #ff0000;
}

.redS {
    font-size: 11px;
    color: #ff0000;
}

.txtlarge {
    font-size: 14px;
}

.green {
    color: #66c1ba;
}

.box {
    width: 700px;
	border-collapse: collapse;
}

.txtDecoration	{
    text-decoration: underline;
}

/* ----------------------------------------------------------------------------------
about us
---------------------------------------------------------------------------------- */

.aboutArea {
    overflow: hidden;
	width: 700px;
    margin-bottom: 20px;
    padding: 0px;
}

.modelBox {
    width: 670px;
	border-collapse: collapse;
}

.model {
    margin: 0px auto;
    padding: 0px 7px;
	border-left: 2px solid #66c1ba;
}

.modelBoxPhoto {
    width: 20%;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.modelPhoto {
    margin-top: 5px;
}

.aboutPhotoRight {
    float: right;
    padding-left: 15px;
}

.about dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.about dt {
	display: block;
	float: left;
	font-weight: bold;
	clear: left;
	margin: 0px;
	padding: 0px;
}

.about dd {
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}

.about2 dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.about2 dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

.about2 dd {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}


#aboutRight {
	width: 700px;
	text-align: right;
    padding: 0px;
}

.featureArea {
    overflow: hidden;
	width: 674px;
    margin: 0px;
    padding: 10px 13px;
	border-bottom: 1px dotted #ccc;
}

/* ----------------------------------------------------------------------------------
Service
---------------------------------------------------------------------------------- */

#servicePhotoArea {
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
}

.serviceArea {
    overflow: hidden;
	width: 674px;
    margin-bottom: 20px;
    padding: 0px 13px;;
}

.servicePhotoRight {
    float: right;
    padding-left: 15px;
}

.serviceBox {
    width: 100%;
	border-collapse: collapse;
}

.serviceBoxLeft {
    background: #f3f3f3;
	width: 130px;
	vertical-align: top;
    padding: 5px;
	border: 1px solid #cccccc;
}

.serviceBoxRight {
    padding: 5px;
	border: 1px solid #cccccc;
}

.serviceBoxTop {
    background: #e6fffc;
	font-weight: bold;
    padding: 5px;
	border-bottom: 1px solid #cccccc;
}

.serviceBoxBotom {
	padding: 17px 17px 0px 17px;
}

.workItem {
    margin-left: 3px;
    padding: 0px 7px;
	border-left: 2px solid #66c1ba;
}

.case{
    margin-bottom: 10px;
    padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

#service dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#service dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

#service dd {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}

/* ----------------------------------------------------------------------------------
store detail
---------------------------------------------------------------------------------- */

.storeDetailBox {
    width: 700px;
	border-collapse: collapse;
}

.storeDetailBoxLeft {
    background: #e6fffc;
	width: 170px;
	vertical-align: top;
    padding: 5px;
	border: 1px solid #cccccc;
}

.storeDetailBoxRight {
    padding: 5px;
	border: 1px solid #cccccc;
}

.storeDetailMap {
    width: 700px;
	text-align: center;
    margin: 0px;
    padding: 0px;
}

#thanks {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
}

.storeDetail dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.storeDetail dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

.storeDetail dd {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}

#veri {
    float: right;
    margin: -13px 0px 0px 20px;
    padding: 0px;
}

/* ----------------------------------------------------------------------------------
Company Outline
---------------------------------------------------------------------------------- */

#companyOut dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#companyOut dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 5px 0px;
}

#companyOut dd {
	margin: 0px;
	padding: 5px 0px;
	padding-left: 200px;
    border-bottom: 1px dotted #cccccc;	
}


/* ----------------------------------------------------------------------------------
Privacy Policy
---------------------------------------------------------------------------------- */

#ppRightArea {
 	width : 900px;
	text-align: right;
	margin: 0px auto;
    padding: 0px;
}

#pp dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#pp dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

#pp dd {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

/* ----------------------------------------------------------------------------------
Sitemap
---------------------------------------------------------------------------------- */

#siteMap dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#siteMap dt {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 7px 0px 6px 0px;
}

#siteMap dd {
	margin: 0px;
	padding: 7px 0px 6px 0px;
	padding-left: 400px;
    border-bottom: 1px dotted #cccccc;		
}


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


#footerArea {
    background: #fff url(../img/footer_bg.gif) repeat-x left top;
	width : 1010px;
	height: 60px;
	margin: 0px auto;
    padding: 0px 0px;
	border-top: 3px solid #eeeeee;
}

#footer {
    background: #fff url(../img/footer_bg.gif) repeat-x left top;
    position: relative;
	width : 1010px;
	margin: 0px auto;
    padding: 0px 0px;
}

#address {
    position: absolute;
    left: 0px;
    top: 15px;
	font-size: 11px;
	text-align: left;
}

#copyright {
    position: absolute;
    right: 0px;
    top: 15px;
	width : 426px;
	height: 7px;
}