@import "../../shared/css/font.css";

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

h1,h2,h3,h4,h5,h6,p,ol,div,ul,li{
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

ol,li,ul{
    list-style:none;
}

hr {
	text-decoration: none;
	display: none;
}

a{
	outline : 0;
	color: #00B5E1;
}

a:hover{
	outline : 0;
	color: #FF6600;
	text-decoration: none;
}

p {
	line-height: 150%;
	color: #804002;
}


em {
	font-style: normal;
}

img {
    border: none;
}


body{
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../img/header_img.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}


/*-----------------------------main---------------------------*/

#container {
	text-align: left;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
}
.header li {
	float: left;
}


#logo a {
	text-indent: -9999px;
	display: block;
	background-image: url(../../shared/img/logo2.png);
	background-repeat: no-repeat;
	height: 56px;
	_height: 57px;
	width: 261px;
	margin-top: 7px;
	margin-left: 5px;
}
#tel {
	background-image: url(../img/tel.gif);
	height: 37px;
	width: 286px;
	margin-left: 135px;
	margin-top: 26px;
	text-indent: -9999px;
}

#copy {
	margin-top: 30px;
}
#copy p {
	text-align: right;
}


/*-----------------------------pngfix---------------------------*/
* html #logo a {
behavior: expression(IEPNGFIX.fix(this));
} 
#text1 p {
	font-size: 10px;
	color: #804002;
	letter-spacing: 1pt;
	padding-top: 18px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}




.title {
	background-image: url(../img/title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 120px;
	width: 690px;
	margin-top: 5px;
}
.midashi {
	margin-top: 20px;
	background-image: url(../img/back_1.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 690px;
}
.midashi p {
	line-height: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #2FCB01;
	padding-top: 10px;
	padding-left: 50px;
}
.midashi2 {
	margin-top: 10px;
	background-image: url(../img/back_3.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 690px;
}
.midashi2 p {
	line-height: 100%;
	font-size: 16px;
	color: #993300;
	padding-top: 10px;
	padding-left: 50px;
}
.midashi2 .img_area {
	float: left;
	width: 30px;
	margin-left: 10px;
	_margin-left: 5px;
	margin-top: 5px;
}
.midashi2 .gray-12 {
	padding-left: 15px;
	color: #888888;
}
.btn_area_1 {
	width: 690px;
	margin-top: 10px;
}
.btn_area_1 li {
	float: left;
}
.btn_area_1 .hoge {
	margin-right: 10px;
}
.shin {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.shin li {
	background-image: url(../img/bred_1.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 28px;
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E0E0E0;
}
.shin a {
	padding-left: 34px;
	font-size: 14px;
	text-decoration: none;
}
.shin p {
	line-height: 100%;
	padding-top: 9px;
}
.link_back {
	height: 28px;
	background-image: url(../img/bred_3.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 15px;
}
.link_back a {
	padding-left: 32px;
	font-size: 14px;
	text-decoration: none;
}
.link_back p {
	padding-top: 5px;
}
.tiiki {
	margin-top: 5px;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
}
.tiiki li {
	width: 165px;
	float: left;
	background-image: url(../img/bred_1.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-bottom: 15px;
}
.tiiki a {
	padding-left: 34px;
	font-size: 14px;
	text-decoration: none;
}
.tiiki p {
	line-height: 100%;
	padding-top: 9px;
}
.gakkou li {
	margin-top: 15px;
	background-image: url(../img/back_2.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 690px;
}
.gakkou a {
	font-size: 16px;
	text-decoration: none;
	padding-left: 34px;
	_padding-left: 31px;
	color: #993300;
}
.gakkou a:hover {
	color: #FF6600;
}

.gakkou .img_area {
	float: left;
	width: 30px;
	margin-left: 10px;
	_margin-left: 5px;
	margin-top: 5px;
}
.gakkou p {
	padding-top: 9px;
}
.gakkou .gray-12 {
	padding-left: 15px;
	color: #888888;
}
.hp_area {
	color: #888888;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.hp_area img {
	padding-right: 3px;
}
.koe_area {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.koe_area li {
	margin-bottom: 20px;
}
.koe_area img {
	float: left;
	margin-right: 10px;
}
.koe_area p {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 140%;
}

/*-----------------------------clerfix---------------------------*/



.clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
}
.clearfix:after{/*for modern browser*/
    content: url(../img/spacer.gif);/*for Netscape*/
    display: block;
    clear: both;
    height: 0;
}
* html .clearfix{
    display:inline-table;
    /**/display:block;/**/
}

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