/*===============================================
全体のスタイル
===============================================*/

a img {
    border-style:none;
    text-decoration:none;
}

* {
    margin:0; padding:0;
    color:#cccc99;
}

body {
    background-color:#000000;
    text-align:center;
}

div#pagebody {
    width:860px; margin:0 auto;
    text-align:left;
    background-repeat:no-repeat;
    background-color:#000000;
    font-family:'メイリオ','sans-serif','Lucida sans Unicode';
    font-size:12px;
}
    

/*================================================
header
=================================================*/
div#header {
    width:860px;
    background-color:#000000;
    background-repeat:no-repeat;
    margin:20px 0px 0px 0px;
}
div#title_main {
    width:860px;
    height:100px;
}

div#1 {
    width:860px;
    height:30px;
}

div#1 a:link {
    text-decoration:none; color:#cccc99;
 }

.info {
    font-size:15px;
    text-align:right;
    color:#cccc99;
}

p.info a:link { 
    text-decoration:none; color:#cc9966;
}

p.info a:visited {
    text-decoration:none; color:#cc9966;
}

p.info a:active {
    text-decoration:none; color:#669999;
}

p.info a:hover {
    text-decoration:none; color:#669999;
}

info a:link { color:#cc9966; }
info a:visited { color:#cc9966; }
info a:hover { color:#669999; }
info a:active { color:#669999; }

/*================================================
menu
================================================*/
div#menu {
	margin:0;
	width:860px;
	height:40px;
}
div#menu ul {
	margin:0px;
	padding:0px;
	width:860px;
}

li#menu {
    margin:0 2px 0 0; 
    _margin:0 1px 0 0;
    float:left;
    list-style-type:none;
    width:119px;
    height:40px;
    background-image:url("img/gradetion00.gif");
    background-repeat:no-repeat;
    background-position:0% -20%;
    text-align:center;
    font-size:14px;
    line-height:190%;
}

li#menu a:link { 
    text-decoration:none; color:#cccc99;
}

li#menu a:visited {
    text-decoration:none; color:#cccc99;
}

li#menu a:active {
    text-decoration:none; color:#cc9966;
}

li#menu a:hover {
    text-decoration:none; color:#cc9966;
}

/*================================================
body
================================================*/
div#out-contents {
	clear:both;
	width:860px;
	background-color:#000000;
}

/*================================================
content
=================================================*/
div#content {
    width:680px;
    margin:0 0 10px 0px;
    background-color:#000000;
    float:left
}
div#inner {
	clear:both;
	width:860px;
}
div.navi {
    color#cccc00;
    font-family:"メイリオ","sans-selif";
    font-size:11px;
    margin:0px 0px 0px 20px;
}

div.navi a:link { color:#cc9966; }
div.navi a:visited { color:#cc9966; }
div.navi a:hover { color:#669999; }
div.navi a:active { color:#669999; }



h1 {
    color:#cccc00;
    font-size:18px;
    font-weight:normal;
    margin:5px 5px 0px 5px; 
    text-align:center; 
    line-height:150%;    
}

h2.recomend  {
    color:#006666;
    font-weight:normal;
    font-size:16px;
    padding:3px 0px 3px 10px;
}

h2.mainmenu {
    color:#ffffff;
    font-size:20px;
    text-align:center;
}

p.greeting {
    color:#cccc99;
    width:640px;
    font-size:13px;
    margin:10px 40px 5px 10px;
    padding:10px;
    letter-spacing:0.5px;
    border:1px solid #333;
}

p.greeting1 {
   color:#cc9900;
    font-size:14px;
    margin:10px 40px 5px 40px;
    text-align:center;
    letter-spacing:1px;
}

.main table {
    width: 620px;
    margin:5px 5px 10px 30px;
    border: 0;
    border-collapse:separate;
}

table.main {
    border-spacing:10px;
    
}
.main table a {
	text-decoration:none;
}

.main td {
    border: 1px #000000 solid;
    width:290px;
    height:210px;
}

td.mainstyle1 {
    background-image:url(img/main1.gif);
    background-repeat:no-repeat;
    background-position:center;
} 

td.mainstyle2 {
    background-image:url(img/main2.gif);
    background-repeat:no-repeat;
    background-position:center;
}  

td.mainstyle3 {
    background-image:url(img/main3.gif);
    background-repeat:no-repeat;
    background-position:center;
} 

p.main1 {
    color:#ffffff;
    font-size:14px;
    text-align:center;
    padding:15px 30px 20px 30px;
    line-height:150%;
}
p.main0 {
    text-align:center;
}

td.mainstyle1 a:link { color:#cccc99; }
td.mainstyle1 a:visited { color:#cccc99; }
td.mainstyle1 a:hover { color:#333333; }
td.mainstyle1 a:active { color:#333333; }
 
td.mainstyle2 a:link { color:#cccc99; }
td.mainstyle2 a:visited { color:#cccc99; }
td.mainstyle2 a:hover { color:#339933; }
td.mainstyle2 a:active { color:#339933; }
 
td.mainstyle3 a:link { color:#cccc99; }
td.mainstyle3 a:visited { color:#cccc99; }
td.mainstyle3 a:hover { color:#ff9933; }
td.mainstyle3 a:active { color:#ff9933; }
 
iframe {
    width:280px;
    height:150px;
    margin:5px 10px 10px 10px;
}


p.back {
    float:right;
    margin:0px 10px 20px 0px;
}

/*================================================
massage
=================================================*/
div#massage {
	width:680px;
	margin:0;
	padding:0;
}
div#massage_01 {
	width:420px;
	margin:20px 10px 20px 0;
	_margin:10px 5px 20px 0;
	float:left;
	padding:0 5px 0 5px;
}
div#massage_02 {
	width:230px;
	margin:20px 10px 20px 0;
	_margin:10px 5px 20px 0;
	float:left;
}
p.right {
	text-align:right;
}
div#campaign {
	width:680px;
	padding:10px 0;
	margin:0;
}



/*================================================
clear
=================================================*/

.clear {
    clear:both;
}

.clear hr {
    display:none;
}

hr.clear {
    clear:both;
    height:0;
    visibility:hidden;
    border:0;
}


/*================================================
footer
=================================================*/
div#footer {
    height:40px;
    width:860px;
    text-align:center;
    clear:both;
    margin:5px 0 0 0;
}

address {
    font-size:10px;
    color:#666633;
    font-style:normal;
    text-align:center;
}

hr.style1 {
    margin-bottom:3px;
    padding:0px;
    height:0px;
    border:solid 1px #666633;
    clear:both;
}