@charset "utf-8";

/* *************************** */
/* 　　　common　　　　　　　  */
/* *************************** */

* {
	background: transparent;
	color: #444444;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}




html{ color: #FFFFFF; background: #fbeff0; }
body{
*text-align: center;
}

img{
	vertical-align: middle;
	}
	

a:link {
	color: #444444;
	}
a:visited {
	color: #444444;
	}
a:hover {
	color: #444444;
	text-decoration: underline;
	}
a:active {
	color: #666666;
	text-decoration: underline;
	}



/* div#container */

div#container {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 823px;
	background-color: #fbeff0;
	background-image: url('../img/bg_containor.gif');
	background-repeat: repeat-y;
}



/* div#header */

div#header {
	margin-right: 28px;
	margin-left: 5px;
	width: 790px;
	height: 80px;
}

div#head_logo{
float: left;
}



h1{
text-align: right;
margin-left: 5px;
padding-top: 3px;
}



p#head_add{
font-weight: bold;
line-height: 50px;
text-align: right;
margin-top: 5px;
}

p#head_add img,
div.side_mail img{
vertical-align: baseline;
border-width: 1px;
border-color: #cccccc;
border-style: solid;
}

p#head_add img:hover,
div.side_mail img:hover{
border-color: #9c0023;
}






/* head_menu */

div#head_menu {
	margin-left: 2px;
	width: 800px;
}


#head_menu a,
#head_menu img{
margin: 0;
border-style: none;
}

#head_menu li{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
float: left;
}

div#head_menu ul{
margin-left: 1px;
padding: 0;
list-style-type: none;
list-style-image: none;
}



#head_menu li#head_menu_01 a{
height: 40px;
width: 114px;
background-image: url('../img/head_menu/head_menu_01.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_01 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_01.png');
background-position: center top;
}

#head_menu li#head_menu_02 a{
height: 40px;
width: 113px;
background-image: url('../img/head_menu/head_menu_02.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_02 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_02.png');
background-position: center top;
}

#head_menu li#head_menu_03 a{
height: 40px;
width: 113px;
background-image: url('../img/head_menu/head_menu_03.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_03 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_03.png');
background-position: center top;
}

#head_menu li#head_menu_04 a{
height: 40px;
width: 113px;
background-image: url('../img/head_menu/head_menu_04.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_04 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_04.png');
background-position: center top;
}

#head_menu li#head_menu_05 a{
height: 40px;
width: 114px;
background-image: url('../img/head_menu/head_menu_05.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_05 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_05.png');
background-position: center top;
}

#head_menu li#head_menu_06 a{
height: 40px;
width: 112px;
background-image: url('../img/head_menu/head_menu_06.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_06 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_06.png');
background-position: center top;
}

#head_menu li#head_menu_07 a{
height: 40px;
width: 117px;
background-image: url('../img/head_menu/head_menu_07.png');
background-position: center bottom;
display: block;
}

div#head_menu li#head_menu_07 a:hover{
text-decoration: none;
background-image: url('../img/head_menu/head_menu_07.png');
background-position: center top;
}





/* div#wrapper */

div#wrapper {
	margin-right: 28px;
	margin-left: 5px;
	width: 800px;
}



/* div#content */
div#content {
	float: right;
	width: 600px;
	}


h3{
font-size: larger;
font-weight: bold;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
padding-top: 5px;
padding-bottom: 2px;
padding-left: 3px;
border-bottom-width: 1px;
border-left-width: 5px;
border-bottom-color: #9c0023;
border-left-color: #9c0023;
border-bottom-style: dotted;
border-left-style: double;
}


#content h4{
color: #9C0023;
font-weight: bold;
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-color: #FFCCFF;
border-bottom-color: #FFCCFF;
border-top-style: solid;
border-bottom-style: solid;
clear: both;
width: 580px;
}





/* p・span */

.bold{
font-weight: bold;
}

.red{
color: #FF0000;
}


p.text{
line-height: 150%;
margin: 10px 20px 10px 10px;
}



/* content　ul */
div#content ul{
margin-top: 10px;
margin-left: 10px;
}

div#content li{
line-height: 180%;
list-style-type: disc;
list-style-position: inside;
}

.float_r{
margin-bottom: 10px;
margin-left: 10px;
float: right;
}

.float_l{
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

.float_r{
margin-left: 10px;
margin-bottom: 10px;
float: right;
}


.clearfix:after {
 content: url(../img/pixel.gif); 
 display: block; 
 clear: both; 
 height: 0;
  }

.hide{
display: none;
}

.center{
text-align: center;
}

.right{
text-align: right;
margin-right: 5px;
}

.v_mid{
vertical-align: middle;
}

.u_line{
text-decoration: underline;
}


/* ページ先頭へ戻る */
p.to_container{
text-align: right;
padding-right: 23px;
}

p.to_container a{
text-decoration: underline;
}


/* side */

div#side {
	float: left;
	width: 180px;
	}

ul#side_menu{
margin-top: 10px;
margin-left: 5px;
}

ul#side_menu li{
list-style-type: none;
}

ul#side_menu li a{
margin-top: 2px;
height: 50px;
width: 175px;
display: block;
}


ul#side_menu li#side_menu_01 a{
background-image: url('../img/side_menu/side_menu_01.png');
}
ul#side_menu li#side_menu_02 a{
background-image: url('../img/side_menu/side_menu_02.png');
}
ul#side_menu li#side_menu_03 a{
background-image: url('../img/side_menu/side_menu_03.png');
}
ul#side_menu li#side_menu_04 a{
background-image: url('../img/side_menu/side_menu_04.png');
}
ul#side_menu li#side_menu_05 a{
background-image: url('../img/side_menu/side_menu_05.png');
}
ul#side_menu li#side_menu_06 a{
background-image: url('../img/side_menu/side_menu_06.png');
}
ul#side_menu li#side_menu_07 a{
background-image: url('../img/side_menu/side_menu_07.png');
}


div#side h2{
margin-left: 0;
}


ul.side_work{
margin-left: 5px;
}


p.side_add{
margin-top: 10px;
margin-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-width: 1px;
border-color: #9C0023;
border-style: ridge;
width: 150px;
}


div.side_mail{
margin-top: 10px;
margin-left: 15px;
}


div.side_bn{
text-align: center;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}





/* footer */
div#footer{
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 28px;
	height: 120px;
	width: 823px;
	background-color: #FBEFF0;
	background-image: url('../img/footer_bg.png');
	background-repeat: no-repeat;
	background-position: left top;
	_margin-left: -10px;/* ie6 ハック */
	}

/* foot_menu */

ul#foot_menu{
margin-bottom: 0;
margin-left: 4px;
padding: 0;
list-style-type: none;
}


ul#foot_menu li{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}




p.copyright{
text-align: center;
padding-top: 10px;
}






/* *************************** */
/* 　　　index　　　　　　　  */
/* *************************** */


/* コメント */

div.new{
	margin-top: 10px;
	margin-left: 5px;
}


/* トップリンク */
div.top_link{
margin-top: 10px;
height: 320px;
background-image: url('../img/top_link_bg.png');
background-repeat: no-repeat;
background-position: center bottom;
}

div.top_link div{
float: left;
height: 184px;
width: 184px;
}

div.top_link div a span{
display: none;
}

div.top_link01 a{
margin-top: 130px;
height: 184px;
width: 184px;
background-image: url('../img/top_link01.png');
background-position: center bottom;
display: block;
}

div.top_link02 a{
height: 184px;
width: 184px;
background-image: url('../img/top_link02.png');
background-position: center bottom;
display: block;
}

div.top_link03 a{
margin-top: 50px;
margin-left: 10px;
height: 184px;
width: 184px;
background-image: url('../img/top_link03.png');
background-position: center bottom;
display: block;
}

div.top_link01 a:hover,
div.top_link02 a:hover,
div.top_link03 a:hover{
background-position: center top;
}





/* *************************** */
/* 　　　ホームページ制作　　　　　　　  */
/* *************************** */

/* example */

hr.exjump{
margin-top: 3em;
margin-bottom: 4em;
border-width: 1px;
border-top-color: #660000;
border-bottom-color: #FFCCFF;
border-style: dashed none;
width: 550px;
}







/* *************************** */
/* 　　　料金価格　　　　　　　  */
/* *************************** */

/* plan */

.plan{
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
border-width: 1px;
border-color: #CCCC66;
border-style: solid;
border-collapse:collapse;}

.plan td{
border-bottom-width: 1px;
border-bottom-color: #CCCC66;
border-bottom-style: dashed;
border-collapse:collapse;}


.plan th{
font-weight: bold;
border-bottom-width: 1px;
border-bottom-color: #CCCC66;
border-bottom-style: dashed;
}













/* *************************** */
/* 　　process　　　　　　　  */
/* *************************** */
table.process_06list{
text-align: center;
width: 580px;
}









/* *************************** */
/* 　　　q　＆　a　　　　　　　  */
/* *************************** */

.qa_q:first-letter{
font-size: large;
color: #80b10a;
font-weight: bold;
}

.qa_a:first-letter{
font-size: large;
color: #FF0000;
font-weight: bold;
}

.qa_q,
.qa_a{
text-indent: -15px;
padding-left: 15px;
}

hr.qa_hr{
border-bottom-width: 1px;
border-bottom-color: #80b10a;
border-style: none none dotted;
width: 580px;
}

p.qa_voice{
font-weight: bold;
margin-top: 10px;
}

p.qa_voice img{
vertical-align: baseline;
}

p.qa_voice a{
font-weight: bold;
text-decoration: underline;
}







/* *************************** */
/* 　　　about　　　　　　　  */
/* *************************** */

/* 会社概要 */
table.about_gaiyo{
margin-top: 10px;
margin-left: 5px;
border-style: none;
width: 590px;
}


table.about_gaiyo th{
vertical-align: top;
padding: 5px;
border-bottom-width: 1px;
border-bottom-color: #444444;
border-bottom-style: dotted;
width: 150px;
background-color: #DDDDDD;
}


table.about_gaiyo td{
padding: 5px;
border-bottom-width: 1px;
border-bottom-color: #444444;
border-bottom-style: dotted;
}

/* google　map */

div#map{
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}