﻿@charset"Shift_JIS";





html {

	margin-bottom: 1px;

	height: 100%;

}



*{

	margin: 0;

	padding: 0;

}



body{

	font-style: normal;

	font-size: 14px;

	line-height: 150%;

	font-family: "メイリオ",Verdana;

	text-align: center;

	width: 900px;

	margin: 13px auto;

}





#all{

	width: 900px;

	height: 100%;

	margin: 0px;

	border: 4px double #cccccc;

}



#head{

	width: 880px;

	height: 500px;

	margin-bottom: 20px;

	text-align: left;

	background-image: url(img/bg_zyosei.gif);

	background-repeat: no-repeat;

	background-color: #FFFFFF;

}



.box{

	position:relative;

	top:30px;

	left: 0px;

}



h1{

	font-size: 24px;

	text-align: center;

	margin-left: 0px;

	padding-top: 12px;

	padding-bottom: 15px;

	color: #7B4949;

	padding-right: 430px;

}











#mainmenu{

	width: 300px;

	text-align: left;

	float: left;

	margin: 40px 0px 0px 60px;

	padding: 0px;

}



#mainmenu ul{

	float: left;

	padding: 0px 0px 0px 40px;

	list-style-type: none;

}



#mainmenu li{

font-size: 90%;

text-align: left;

padding: 0px;

height: 45px;

list-style-type: none;

width: 250px;

}



#mainmenu li a{

color: #666633;

text-decoration: none;

background-image: url(img/img_a.gif);

background-repeat:no-repeat;

padding: 3px 0px 0px 25px;

display: block;

letter-spacing: -0.1em;

}



#mainmenu li a:hover{

color: #333300;

background-image: url(img/img_hover.gif);

background-repeat:no-repeat;

}













#mainContent{text-align: left;

float: left;

margin: 10px 20px;

padding: 20px 0px;

background-color: #ffffff;

}



.lead{

margin: 0px 20px;

}



h2{

color: #663333;

font-size: 150%;

line-height: 60%;

letter-spacing: 1px;

margin: 20px 0 10px 0;

padding: 4px 0px 18px 34px ;

background-image: url(img/img_h2.gif);

background-repeat:no-repeat;

}

h3{
color: #663333;
position:relative;
padding-left:30px;
line-height: 38px;
    }
     
h3:before{
content:''; 
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px; 
height:12px; 
width:12px; 
display:block; 
position:absolute; 
top:14px; 
left:7px; 
background-color:#CF9898;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity:0.50;
z-index: 1;
    }
     
h3:after{
content:''; 
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px; 
height:15px; 
width:15px; 
display:block; 
position:absolute; 
top:7px; 
left:2px; 
background-color:#7B4949;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
    }



p{

	padding: 0px 15px;

	font-size: 12px;

	text-align: left;

}



#mainContent a{

color: #663333;

text-decoration: none;

}











#foot{

text-align: right;

clear: both;

margin: 0px 20px;

width: 860px;

}



#cyosakuken{

font-size: 15px;

color: #666666;

padding: 6px 0px;

}


.black {
    margin: 1.5em 0;
    font-weight: bold;
    color: #000;
}

.red {
    margin: 1.5em 0;
    font-weight: bold;
    color: #ff0000;
}

.blue {
    margin: 1.5em 0;
    font-weight: bold;
    color: #3B628D;
}

.green {
    margin: 1.5em 0;
    font-weight: bold;
    color: #008B00;
}

.pink {
    margin: 1.5em 0;
    font-weight: bold;
    color: #F47487;
}

.purple {
    margin: 1.5em 0;
    font-weight: bold;
    color: #710081;
}

.orange {
    margin: 1.5em 0;
    font-weight: bold;
    color: #FF7D0A;
}

.brown {
    margin: 1.5em 0;
    font-weight: bold;
    color: #8E561C;
}

.under {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #000;
}

.underred {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #ff0000;
}


.underblue {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #0000CD;
}

.undergreen {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #008B00;
}

.underpurple {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #710081;
}

.underpink {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #F47487;
}

.underorange {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #FF7D0A;
}

.underbrown {
    margin: 1.5em 0;
    text-decoration: underline;
    color: #8E561C;
}


.underbold {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}

.underboldred {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #ff0000;
}

.underboldblue {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #0000CD;
}

.underboldpink {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #F47487;
}

.underboldgreen {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #008B00;
}

.underboldorange {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #FF7D0A;
}

.underboldpurple {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #710081;
}

.underboldbrown {
    margin: 1.5em 0;
    text-decoration: underline;
    font-weight: bold;
    color: #8E561C;
}


.impact {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #FF9;
}

.impact2 {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #E1FCD2;
}

.impactpink {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #FBDBED;
}

.impactblue {
    margin: 1.5em 0;
    font-weight: bold;
    color: #333;
    background-color: #CDFCFC;
}



#mainContent a{

color: #0022EE;

text-decoration: underline;

font-size: 110%;

padding-top: 15px;

}

#mainContent a:hover {

color: #FF0000;

text-decoration: underline;

padding-top: 15px;

}

#cyosakuken a{

font-size: 15px;

color: #666666;

padding: 6px 0px;

text-decoration: none;

}

blockquote {
margin-left: 50px;

margin-top: 10px;

margin-bottom: 10px;

font-size: 90%;

color: #444444;

text-shadow: 2px 2px 1px #cccccc;

}