/*==========初期化==========*/
h1,h2,h3,h4,body,ul,ol,li,p {
padding:0;
margin:0;
}

/*==========基本==========*/
body {
margin:0px;
padding:0px;
background-color:#333333;
font-size:13px;
color:#000000;
line-height: 150%;
}

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

a img {
border-style:none;
}

a{ text-decoration:none; }
a:link { color:#ffffff; }
a:visited { color:#a9a9a9; }
a:active { color:#e9967a; }
a:hover { color:#ff0000; }

/*==========枠==========*/
#outline{
width:828px;
background-color:#000000;
border:1px solid #990000;
margin:0px auto 0px auto;
}

#outline div:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
line-height: 0;
clear: both;
}

/*==========h==========*/
h1 {
background:url(img/tit.gif) no-repeat left top;
width:830px;
height:100px;
font-size:1px;
text-indent:-9999px;
margin:20px auto 0px auto;
}

h2 {
padding:15px 0px 15px 0px;
font-size:14px;
line-height: 20px;
text-align:center;
font-weight:normal;
color:#cccccc;
}

/*==========左カラム==========*/
#leftside {
float:left;
width:568px;
}

/*==========左端==========*/
#main-left {
float:left;
border:1px dotted #ff0000;
width:236px;
font-size:13px;
margin:0px 15px 0px 15px;
padding:20px 5px 20px 5px;
}

#main-left li a{
background:url(img/icon01.gif) no-repeat left top;
padding:0px 0px 0px 20px;
margin:10px 0px 0px 4px;
display: block;
}

#main-left li a:hover {
background:url(img/icon02.gif) no-repeat left top;
padding:0px 0px 0px 20px;
margin:10px 0px 0px 4px;
display: block;
}

#main-left p {
font-size:12px;
color:#f08080;
margin:0px 0px 0px 20px;
}

/*==========右端==========*/
#news {
float:left;
background-image:URL(img/hato.jpg); 
background-color:#ccdbff;
background-repeat: no-repeat;
background-position: left top;
width:290px;
height:290px;
text-align:left;
}

#news p {
width:244px;
margin:15px 15px 15px 15px;
}

#news a{ text-decoration:none; }
#news a:link { color:#ff0000; }
#news a:visited { color:#ff0000; }
#news a:active { color:#ff0000; }
#news a:hover { color:#ffffff; }

/*==========左カラム下　オフライン==========*/
#offline {
clear:both;
background-color:#000000;
color:#999999;
width:530px;
padding:10px 0px 0px 0px;
margin:10px 15px 10px 15px;
text-align:left;
}

.off {
padding:0px 0px 0px 18px;
margin:0px 0px 0px 0px;
background:url(img/off.gif) ;
background-repeat:no-repeat;
background-position: left top;
font-size:13px;
font-weight:normal;
color:#999999;
}

/*==========右カラム==========*/
#rightside {
float:right;
width:260px;
text-align:left;
}

#syoukai {
width:200px;
background-color:#cc6666;
color:#000000;
text-align:left;
line-height: 150%;
margin:0px 0px 0px 17px;
padding:14px 14px 14px 14px;
}

.tessen {
background:url(img/ian.gif) no-repeat left top;
width:192px;
height:40px;
margin:0px auto 0px auto;
}

#syoukai a{ text-decoration:none; }
#syoukai a:link { color:#ffffff; }
#syoukai a:visited { color:#660000; }
#syoukai a:active { color:#e9967a; }
#syoukai a:hover { color:#990000; }

/*==========右カラム下==========*/
#hitokoto {
width:216px;
border:1px dotted #999999;
background-color:#333333;
color:#999999;
text-align:left;
font-size:12px;
margin:15px 0px 5px 17px;
padding:5px 5px 5px 6px;
}

/*==========コンテンツ==========*/
#menu {
clear:both;
width:810px;
color:#ff0000;
margin:0px auto 0px 15px;
padding:8px 0px 10px 0px;
}

#menu ul {
text-align:left;
}

#menu li {
display: inline;
float: left;
width:182px;
border:1px solid #666666;
margin: 0px 10px 0px 0px;
padding:4px 4px 4px 4px;
}

#menu a {
font-size:12px;
}

.sp {
clear:both;
background:url(img/1pic.gif) no-repeat left top;
width:828px;
height:10px;
}

/*==========フッタ==========*/
.line {
clear:both;
background:url(img/1pic.gif) no-repeat left top;
background-color:#660000;
width:828px;
height:1px;
}

.line2 {
clear:both;
background:url(img/1pic.gif) no-repeat left top;
background-color:#990000;
width:828px;
height:26px;
font-size:6px;
color:#990000;
margin:0px auto 0px auto;
}

#bottom1 {
clear:both;
color:#999999;
font-size:12px;
line-height: 130%;
text-align:right;
margin: 10px 10px 10px auto;
}

#bottom2 {
clear:both;
color:#f08080;
font-size:11px;
text-align:right;
margin: 4px 10px 0px auto;
}

/*==========リンク==========*/
#link_l{
clear:both;
float:left;
width:88px;
margin:5px 5px 5px 5px;
font-size:11px;
text-align:left;
}

#link_r {
float:right;
font-size:11px;
width:728px;
margin: 20px 0px 0px auto;
}
/*==========枠外==========*/
#out{
clear:both;
width:830px;
margin:2px auto 0px auto;
text-align:right;
}

/*==========テキスト==========*/
.verd {
font-family: verdana;
}

.ao {
color:#99ccff;
}

.red {
color:#ff0000;
}

.hai_v {
font-size:10px;
color:#2f4f4f;
font-family: verdana;
}

.blue_b {
color:#0066ff;
font-weight:bold;
}

.b1 {
font-weight:bold;
}

.s2 {
font-size:11px;
color:#999999;
line-height: 150%;
text-align:right;
margin: 30px auto 0px auto;
 }

.copyright {
font-size:12px;
color:#cc9966;
font-family: verdana;
text-align:right;
margin: 10px auto auto auto;
}