@charset "Shift_JIS";


/* default elements */

* {

	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 100%;

}


body{
	background: url(../../hellow-pc_hp_vol1/img1/bg.gif);
	color: #322c28;
	padding: 2% 0;
	font: normal 80% "Hiragino Kaku Gothic Pro","Hiragino Kaku Ghothic Pro W3","MS PGothic",sans-serif;
}


/* fonts */

p {margin-bottom: 10px;
}

a {color: #003300;
}

a:hover {color: #84C600;
}

h1,h2,h5,h6,h8{ margin-bottom: 10px;
}	

h3,h4,h7{ margin-bottom: 10px;
}

h1 {
	font-size: 110%;
	font-weight: bold;
	padding-left: 5px;
	background-color: #ffbbb3;
	line-height: 30px;
	height: 30px;
	border-left: 20px double #ce0000;
}

h2 {
	margin-left: 30px;
	font-size: 110%;
 	padding-left: 20px;
	background: url(../../hellow-pc_hp_vol1/img1/h2.gif) no-repeat left; 	
}

h3 {
	font-size: 100%;
	valign: top;
 	padding-left: 30px;
	background: url(../../hellow-pc_hp_vol1/img1/a.gif) no-repeat left;
}

h4 {
 	font-size: 100%;
	valign: top;
	padding-left: 30px;
	background: url(../../hellow-pc_hp_vol1/img1/q.gif) no-repeat left;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	background-color: #E2E8B9;
	border: 1px solid #B8B8B8;
	line-height: 25px;
	height: 25px;
	padding-left: 20px;
}

h6 {
	font-size: 100%;
	padding-left: 40px; 
	color: #84c00;
}

strong{
	font-weight: bold;
	color: #ce0000;
}

strong2{
	font-size: 110%;
 	font-weight: bold;
	color: #660000;
}

.blue{
	color:#3366FF
}

.cap{

	font-size: 80%;
	font-weight: bold;
}


ul {
	width: 490px;
	margin:0px;
	padding: 0px;
 	font-weight: bold;
	list-style:none;
	font-size: 115%;
} 

li {
	background: url(../../hellow-pc_hp_vol1/img1/leaf.jpg) no-repeat left center;
	font-weight: bold;
	padding-left: 40px; 
	background-color: #ffbbb3;
	line-height: 30px;
	height: 30px;
	margin:10px 0; 
}


image{
	padding: 5px;
}

#wrapper{
	width: 820px;
	margin: 0 auto;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	background-color: #ffffff;
}


#header{
	background: #ffffff;
	height: 50px;
	border-top : 10px solid #ce0000;
	border-bottom: 2px solid #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#header2{
	background: #ffffff;
	height: 10px;
	border-top : 10px solid #860404;
	border-bottom: 2px solid #ffffff;
	padding:0 10px ;
}

#header h1 {
	color: #ce0000;
	font-style: normal;
	font-size: large;
	background-color: transparent;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0;
	margin-bottom: 5px;
	border-left-style: none;
}

#navi{
	background: #ffffff;
	height: 25px;
	border-top: 2px solid #c24a3b;
	border-bottom: 2px solid #c24a3b;
}


#navi a {
	line-height: 25px;
	border-right: 1px solid #C9C6B3;
	color: #322c28;
	float: left;
	padding: 0 14px;
	text-align: center;
	text-decoration: none;
}

#navi a:hover,#navi a#active {
	background-position: 
	left bottom; color: #F5F5F5;
    background: #F5F5F5 url(../../hellow-pc_hp_vol1/img/bg_03.gif) repeat-x 0 100%;
}


.cds-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.cds-navi li { display: inline; }

#navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 167px;
  text-decoration: none;
  border-left: 5px solid #000000;
  background-color: #eeeeee;
  color: #000000;
}

.navi li a:hover {
  background-color: #999999;
  color: #ff0000;
  border-left: 5px solid #ff0000;
}



#main{
	height: auto;
	width:440px;
	float: left;
	background: #ffffff;
	padding: 10px;

}

#main2{
	width:800px;
	float: left;
	background: #ffffff;
	padding: 10px;
	height: auto;
}
#main3{
	width:500px;
	float: left;
	background: #ffffff;
	padding-left: 50px;
	height: auto;
}

.col{
	text-align: center;
	height: auto;
	background: #ffffff;
	padding: 10px;
}

.col h1{
	background-color: #b2f6ff;
	line-height: 30px;
	height: 30px;
	border-left: 20px double #860404;
	border-top: 1px solid #b8b8b8
}


.col2{
	height: auto;
	padding-left: 160px;
	background: #ffffff;
}

.col3{
	height: auto;
	padding-left: 30px;
	border-top: 1px solid #d90000;
	background: #ffffff;
}
.col4{
	height: auto;
	width: 495px;
	padding-left: 20px;
	background: #ffffff;
}

.col5{
	height: auto;
	width: 400px;
	float: left;
vertical-align: middle;
	padding-left: 40px;
	background: #ffffff;
	margin-bottom: 10px;
}


#side{
	height:auto;
	width: 220px;
	float: right;
	padding: 10px;
}

#side2{
	height:auto;
	width: 195px;
	float: left;
	padding: 5px;
}


#side h2{
	font-size: 100%;
	font-weight: bold;
	background: url(../../hellow-pc_hp_vol1/img/h2.gif) no-repeat left;
	padding-left: 12px;
	margin-bottom: 10px;
}

#side h3{
	font-size: 120%;
	font-weight: bold;
	color: #660000;  		
	padding-left: 12px;
	margin-bottom: 10px;
}

#side p{ 
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed;
	padding-left: 20px;
}

#bottom{
}


#left{
	width: 200px;
	float: left;
	padding: 0px;
	border-right: 1px dotted #000;
}

#right{
	width: 200px;
	float: right;
	padding: 0px;
}

#left2{
	width: 290px;
	float: left;
	padding: 5px;
	border-right: 1px dotted #000;
}

#right2{
	width: 290px;
	float: right;
	padding: 0px;
}

#left3{
	width: 200px;
	float: left;
	padding: 5px;
}

#right3{
	width: 300px;
	float: right;
	padding: 5px;
}

#left4{
	width: 350px;
	float: left;
	padding: 5px;
}

#right4{
	width: 120px;
	float: right;
	padding: 5px;
	}

#left5{
	width: 120px;
	float: left;
	padding: 0px;
}

#right5{
	width: 350px;
	float: right;
	padding: 0px;
	}

#left6{
	width: 234px;
	float: left;
	padding: 5px;
	border-right: 1px dotted #000;
}

#right6{
	width: 235px;
	float: right;
	padding: 5px;
	}

#left7{
	width: 310px;
	line-height: 15px;
	float: left;
	padding: 5px;
	border-right: 1px dotted #000;
}

#right7{
	width: 160px;
	float: bottom;
	padding: 5px;
	}

#left8{
	width: 310px;
    height: 200px;
	float: middle;
	padding: 5px;
	border-right: 1px dotted #000;
}

#right8{
	width: 160px;
    height: 210px;
	float: right;
	padding: 5px;
	vertical-align: middle;
	}

.box{
	height: auto;
	margin: 3px;
	background-color: #ffffff;
	padding: 3px;
	border: thin solid #ccc;
}

.box2{
	background: url(../../hellow-pc_hp_vol1/img/bg2.gif);
	float: right;
	width: 440px;
	margin: 2px;
	padding: 10px;
	border: thin solid #ccc;
}

.box3{
	left-margin: 30px;
	text-align: left;
	font-size: 100%;
 	padding-left: 0px; 
	margin-bottom: 10px;
	color: #84c00;
}

.box4{
	width: inherit;
	left-margin: 5px;
	text-align: left;
	font-size: 90%;
	padding-left: 0px;
	padding-right: 0px;
}

.box5{
	left-margin: 50px;
	text-align: top;
	font-size: 90%;
 	padding-left: 40px; 
	color: #84c00;
	margin-bottom: 15px;
}
.box6{
	margin: 3px;
	background-color: #ffffff;
	padding: 3px;
}

.box7{
	width: 790px;
	left-margin: 50px;
	text-align: top;
	background-color: #ffffff;
	padding-left:: 150px;

}
.box8{
	height: 30px;
	width: 500px;
	text-align: top;
	padding-left: 10px;
	margin-bottom: 10px;
	background: #ffffff;

}
.box9{
	height: 120px;
	width: 500px;
	background: #ffffff;
}

.box10{
	width: 500px;
	padding-left: 100px;
	left-margin: 30px;
	text-align: top;
	font-size: 100%;
	margin-bottom: 10px;
	background: #ffffff;
}

.box11{
	background: url(../../hellow-pc_hp_vol1/img/bg2.gif);
	margin-bottom: 15px;
	width: 425px;
	float: right;
	padding: 20px;
	border: thin solid #ccc;
}

.box12{
	background: url(../../hellow-pc_hp_vol1/img/bg2.gif);
	margin-bottom: 15px;
	width: 425px;
	float: right;
	padding: 20px;
	border: thin solid #ccc;
}

.tableborder1 {
	background-color: #ffffff;
	border-width: 1px 1px 3px 1px;
	border-color: #004000;
	border-collapse: collapse;
	padding: 5px;
}

#footer{
	background: #ce0000;
	color: #ffffff;
	text-align: center;
}

.clear	{clear: both;}

input	{color:"#000000";border:0px solid;font-size:10pt;background-color:ffffff;}

table#table-01 {
    width: 510px;
    margin-left: auto;
	margin-right: auto;
	border: 1px #ffffff solid;
    border-spacing: 0;
    background: #ffffff;
}

table#table-01 th {
    padding: 5px;
    border: #ffffff solid;
    border-width: 0 0 1px 1px;
    background-color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#table-01 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    text-align: center;
}

table#table-02 {
    width: 360px;
    margin-left: auto;
	margin-right: auto;
	border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0 url(../../hellow-pc_hp_vol1/img1/bg_02.gif) repeat-x 0 100%;
}

table#table-02 th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE url(../../hellow-pc_hp_vol1/img1/bg_02_header.gif) repeat-x 0 100%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#table-02 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align: center;
}

table#table-03 {
    width: 385px;
    margin-left: auto;
	margin-right: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-03 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;


}

table#table-04 {
    width: 480px;
    margin-left: auto;
	margin-right: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-04 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-04 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	font-size: 100%;
	color: #737373;
}


table#table-05 {
    width: 480px;
    margin-left: auto;
	margin-right: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-05 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-05 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


table#table-06{
    width: 480px;
    margin-left: auto;
	margin-right: auto;
    border: thin solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-06 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-06 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	font-size: 100%;
	color: #737373;
}

table#table-07 {
    width: 470px;
	float: right;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0 url(../../hellow-pc_hp_vol1/img1/bg_03.gif) repeat-x 0 100%;
}

table#table-07 th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE url(../../hellow-pc_hp_vol1/img1/bg_02_header.gif) repeat-x 0 100%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#table-07 td {
  	padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align: center;
}


hr {
height: 1px;
background-color: #004000;
border: none;
color: #004000;
}