body {font-family:Verdana,Geneva,Arial,helvetica,sans-serif,serif;
margin-top:10px;
margin-bottom:10px;
text-align :center;
background-color:#EEEEEE;
background-image : url('image/white-border.gif');
color:#444444;}

img {border-width:0;}

p {font-size:80%;line-height:100%;
color:#444444;}

a {color:#006600;
font-size:90%;
text-decoration:none;}

a:hover {color:#669966;
background-color:#99cc99;
text-decoration:none;}

/* ===             === */

.concept {width:760px;
margin-right:auto;
margin-left:auto;
text-align :center;}			

.concept h1{font-weight:lighter;
font-size:60%;
margin-right:10px;
margin-bottom:2px;
color:#336633;
text-align :right;}

.concept h1 a {font-weight:lighter;
color:#336633;}

table.head { width:760px;
height:50px;
text-align:center;
margin-right:auto;
margin-left:auto;
border:solid 1px #CCCCCC;
background-color:#336633;}

.head1 {width:auto;
background-color:#336633;
text-align:left;
vertical-align:middle;}

.head img {border:0;
margin:0;}

.head1 h1 {font-family:Arial,serif, sans-serif;
font-size:26px;
text-align:left;
vertical-align:middle;
color:#FFFFFF;} 

.head2 {width:235px;
height:auto;
padding:0;}



/* ===                === */

.headmenu {margin-top:0;
width:760px;
text-align:center;
margin-right:auto;
margin-left:auto;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
background-color:#F3F3F3;
padding:0 10px;}

.navi {font-weight:bold;
text-align:left;
font-size:80%;
padding:2px 7px; 
float:left;}

.navi a {font-weight:bold;
color:#336633;
text-decoration:none;
display:block;
padding:2px 7px; }

.navi a:hover {color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-color:#336633;}

.headmenu span {font-size:80%;
float:left;
padding:2px 0;}


/* ===               === */

.side_main { width:760px;
background-color:#FFFFFF;
text-align:center;
margin-right:auto;
margin-left:auto;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;}


/* ===                === */

.index {padding:10px;
vertical-align:top;
text-align:left;}

.index h1 {font-family:Arial, sans-serif;
font-size:100%;
color:#444444; 
margin-top: 5px;}

.about { margin: 30px 0;
background-color:#FFFFFF;
background-image : url('image/green2.gif');
background-position:left bottom;
border-left:10px solid #336633; 
font-size:80%;
font-weight:bold;
color:#336633;
padding:2px 15px 2px ; 
text-align:left;}

.index h2{background-color:#FFFFFF;
background-image:url(image/green2.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:20px;
font-size:80%;
color:#336666;
text-align:left;
margin-top:20px;}

.index h2 a {color:#336666;
text-decoration:none;}

.index h2 a:hover{color:#336666;
text-decoration:none;}

.index h2 a:visited{color:#336666;
text-decoration:none;}

.index h3 {font-size:80%;
line-height:150%;
color:#444444;
font-weight:normal;
text-align:left;}


/* ===              === */

.main {padding:10px;
vertical-align:top;
text-align:left;}

.main h1 {font-family:Arial, sans-serif;
font-size:100%;
color:#444444; 
margin-top: 5px;}

.main h2 { margin: 30px 0;
background-color:#FFFFFF;
background-image : url('image/green2.gif');
background-position:left bottom;
border-left:10px solid #336633; 
font-size:80%;
color:#336633;
padding:2px 15px 2px ; 
text-align:left;}

.main h2 a{color:#336633;
text-decoration:none;}

.main h2 a:hover{color:#336633;
text-decoration:none;}

.main h3{background-color:#FFFFFF;
background-image:url(image/green2.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:20px;
font-size:80%;
color:#336666;
text-align:left;
margin-top:20px;}

.main h3 a {color:#336666;
text-decoration:none;}

.main h3 a:hover{color:#336666;
text-decoration:none;}

.main h3 a:visited{color:#336666;
text-decoration:none;}

.main h4 {font-size:80%;
line-height:150%;
color:#444444;
font-weight:normal;
text-align:left;}

.main h5 {font-size:80%;
color:#444444;
font-weight:normal;
text-align:left;}

.about { margin: 30px 0;
background-color:#FFFFFF;
background-image : url('image/green2.gif');
background-position:left bottom;
border-left:10px solid #336633; 
font-size:80%;
font-weight:bold;
color:#336633;
padding:2px 15px 2px ; 
text-align:left;}

.main strong {font-style: normal;
color:#444444;}

.main em {font-style: normal;
color:#444444;}

/* ===              === */

.main2 {padding:10px;
vertical-align:top;
text-align:left;}

.main2 h1 {margin-top:10px;
margin-bottom:45px;
font-size:100%;
color:#444444;}


.main2 h2 {margin: 30px 0;
background-color:#FFFFFF;
background-image : url('image/green2.gif');
background-position:left bottom;
border-left:10px solid #336633; 
font-size:80%;
color:#336633;
padding:2px 15px 2px ; 
text-align:left;}

.main2 h2 a{ margin:30px 0;
background-color:#FFFFFF;
background-image : url('image/green2.gif');
background-position:left bottom;
border-left:10px solid #336633; 
font-size:80%;
color:#336633;
padding:2px 15px 2px ; 
text-align:left;}

.main2 h3{background-color:#FFFFFF;
background-image:url(image/green2.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:20px;
font-size:80%;color:#336666;
text-align:left;
margin-top:20px;}

.main2 h4 {font-size:80%;
line-height:150%;
color:#444444;
font-weight:normal;
text-align:left;}


/* ===               === */

.side {width:150px;
background-color:#F5F5F5;
vertical-align:top;
font-size:80%;
color:#444444;
text-align:left;}

.side a {color:#0053B2;
text-decoration:none;}

.box1 {text-align:left;
padding:5px;}		

.box-1 {text-align:left;
padding:5px;
border-top:1px dotted #CCCCCC;}			  

.side1 {color:#336633;
font-weight:bold;
padding-left:5px;
text-align:left;
margin-bottom:3px;}

.sub-visited {color:#444444;
text-align:left;
padding:2px 10px;}		 

.sub {text-align:left;}

.sub a {color:#336633;
text-decoration:none;
display:block;
padding:2px 10px;}

.sub a:hover {color:#FFFFFF;
text-decoration:none;
background-color:#336633;}
			  
.sub2 {color:#336633;
background-color:#FFFFFF;
text-align:left;
margin-left:10px;}

.sub2-visited{color:#444444;
background-color:#FFFFFF;margin-left:10px;
padding:2px 10px;}						
									
.sub2 a {color:#0053B2;
text-decoration:none;
background-color:#FFFFFF;
padding:2px 10px;
display:block;}

.sub2 a:hover {color:#0053B2;
background-color:#d7e2ef;
text-decoration :none; }

/* ===               === */

.side2 {width:180px;
background-color:#FFFFFF;
vertical-align:top;
text-align:center;}
		
.side2menu {margin-top:10px;
margin-left:5px;
margin-right:5px;
padding:5px 5px;
border:solid 1px #CCCCCC;
text-align:left;font-size:80%;
background-color: #F5F5F5;
color: #336633;
font-weight:bold;}

.box2 { margin-bottom:10px;
margin-left:5px;
margin-right:5px;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
background-color:#FFFFFF;
text-align:center;
padding:5px;}

.side2cm{text-align:left;
font-size:70%;
padding-bottom:5px;
margin-bottom:10px;}

.sub3 {color:#0053B2;
font-size:80%;
text-align:left;}

.sub3 a {color:#0053B2;
text-decoration:none;
display:block;
padding:2px 10px;}

.sub3 a:hover {color:#0053B2;
background-color:#D7E2EF;
text-decoration:none;}  

.rightcm{
width:180px;
height:auto;
vertical-align:bottom;
background-color:#FFFFFF;
border-left:dotted 1px #CCCCCC;
text-align:center;
padding-bottom:10px;}


/* ===             === */

.footer { width:760px;
background-color:#FFFFFF;
text-align :center;
margin-right:auto;
margin-left:auto;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;}

.copyright {vertical-align:bottom;
padding:5px 10px 5px 0;
font-size:70%;
color:#444444; 
text-align:right;}

.freelink{border-top:1px solid #EEEEEE;
vertical-align:bottom;
padding:5px 10px 5px 0;
font-size:70%;
color:#444444; 
text-align:right;}

.footer img {margin:0 2px 0 5px;}

/* ===                  === */

.count {vertical-align:bottom;
text-align:center;}


/* ===                === */

.ta{width:100%;
height:150px;
overflow: auto;
text-align:left;}

/* ===          === */

hr {border:1px dashed #EEEEEE;
width:100%;}

/* ===          === */

.link-mark {margin-right:10px;
vertical-align:middle;}

.mutual{margin-left:10px;
vertical-align:middle;}

.back {width:5%;
float:left;
text-align:left;
margin-top:10px;
margin-bottom:0;}

.top {width:90%;
float:left;
text-align:right;
margin-top:10px;
margin-bottom:0;}

.next {width:5%;
float:left;
text-align:right;
margin-top:10px;
margin-bottom:0;}

.no-page{width:95%;
float:left;
text-align:right;
margin-top:10px;
margin-bottom:0;}


/* ===                  === */

ul {margin-left:0;
padding-left:0;/* ===               === */}


li{font-size:80%;color:#444444;
line-height:150%;
list-style-position: outside;}

.lss {list-style:square;}
.lsn {list-style:none;}

.link {list-style:square outside; }
.link a	{color:#0000ff;text-decoration: none;}
.link a:hover {color:#ff0000;text-decoration: underline;}

.lili {list-style:none;
margin-left:5px;
margin-right:5px;
padding-left:5px;padding-right:5px;/* ===               === */
color:#444444;
font-size:120%;}


dl{margin-left:0;
padding-left:0;
font-size:80%;
color:#444444;
line-height:150%;}

dt{margin-left:5px;
padding-left:5px;}

dd{margin-left:10px;
padding-left:10px;}

/* ===               === */

td.googleads {width :180px;
height:auto;
vertical-align:bottom;
padding-bottom:10px;
background-color:#F8F8F8;
text-align:center;}

div.googleads{text-align:center;}

.firefox {text-align:center;}
.firefox a{text-decoration:none;}
.firefox a:hover{text-decoration:none;
background-color:#F8F8F8;}


.affili {padding:0 10px;}
.affili2 {margin-top:50px;text-align:center;}

.image {margin:0;
float:left;
width:25%;
text-align:center;
padding-top:10px;}

.coment {margin:0;
float:right;
width:70%;
text-align:left;}

.amazon {width:468px;height:60px;}

/* ===           === */

.side img {margin-top :10px;}

/* ===                 === */

.valid {text-align:left;
margin:15px 0;}

.valid a:hover {background-color:#FFFFFF;}

/* ===             === */

.nightingale { background-image : url('/img/guard2.gif');
background-color:#FFFFFF;
background-repeat: no-repeat;
background-attachment:scroll;
background-position:95% 30%; }

.prof {border-collapse:collapse;}

.prof-border{border-bottom:1px dashed #CCCCCC;}

td.prof-td {font-size:80%;
line-height:150%;
color:#444444;
text-align:left;
padding:3px 5px;}

/* ===           === */

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.m10 {margin:10px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mt200 {margin-top:200px;}
.mt300 {margin-top:300px;}
.mt400 {margin-top:400px;}
.mt500 {margin-top:500px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left: 10px;}
.pt10 {padding-top:10px;}

.pt20 {padding-top:20px;}

.pb10 {padding-bottom:10px;}


/* ===             === */

.tal{text-align:left;}
.tar {text-align:right;}
.tac{text-align:center;}
.vam {vertical-align: middle;}
.fs {font-size:smaller;}
.fl {font-size:larger ; }
.f70 {font-size:70%;}
.red {color:#DC143C ;}
.blue {color:#0000CD;}
.kuro {color:#333333;}
.ki {color:#FFD700;}
.or {color:#FF8C00;}
.b {font-weight:bold;}



/* ===             === */

.fl{float:left;}

br{clear:both;}