@charset "Shift_JIS";

/*contens-base.css

==================
1.ページ共通
2.ヘッダー
3.サイドメニュー
4.フッター
==================*/

/*1.ページ共通
==================*/

body {
margin:0 auto;
padding:0;
font-size:0.8em;
line-height:1.6em;
color:#222;
background:url(../img/bg.gif) repeat-x center top;
text-align:center ;
}

td {
font-size:1.0em;
line-height:1.6em;
}

form {
margin:0;
padding:0;
}

input {
margin:0;
padding:0;
}

img {
border:0;
}

.red {
color:#f00;
}

a:link { color: #06F;  text-decoration:none; }
a:active { color: #06F; text-decoration:none; }
a:visited { color: #06F; text-decoration:none; }
a:hover { color: #005; text-decoration:underline;}

.clearfix:after {
content:".";
dispay:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

#layout {
margin:0 auto;
padding:0;
width:850px;
text-align:center ;
background-color:#FFF;
}

/*3.サイドメニュー（とメイン部分の振り分け）
==================*/

.sidemenu {
	float:left;
	width:170px;
	padding:0;
	text-align:left;
	background:hotpink;
	border: 1px solid  hotpink;
	color:#000;
	font-size:12px;
	margin: 20px 0 0 20px;
}

ul.menu {
margin:0;
padding:0;
}

ul.menu li {
margin: 0;
padding:2px 15px 2px 2px ;
border-bottom:1px solid  #FFF;
list-style:none ;
font-size:12px ;
line-height:15px ;
}

ul.menu li.on {
margin: 0;
padding:2px 15px 2px 12px ;
border-bottom:1px solid hotpink;
background:#fff url(../img/mark.gif) no-repeat 5px 5px ;
color:#000;
list-style:none ;
font-size:12px ;
line-height:15px ;
}

ul.menu a:link { color: #fff;  text-decoration:none; }
ul.menu a:active { color: #fff; text-decoration:none; }
ul.menu a:visited { color: #fff; text-decoration:none; }
ul.menu a:hover { color: #03f; text-decoration:underline;}

ul.menu li.on a:link { color: #000;  text-decoration:none; }
ul.menu li.on a:active { color: #000; text-decoration:none; }
ul.menu li.on a:visited { color: #000; text-decoration:none; }
ul.menu li.on a:hover { color: #00f; text-decoration:underline;}

ul.submenu {
margin:0;
padding:0;
}

ul.submenu li {
margin: 0;
padding:2px 15px 2px 2px ;
background:#fff ;
border-bottom:1px dotted #000;
list-style:none ;
font-size:12px ;
line-height:15px ;
}

ul.menu2 {
margin:10px 0;
padding:0;
}

ul.menu2 li {
margin: 0;
padding:2px 15px 2px 2px ;
list-style:none ;
font-size:12px ;
line-height:15px ;
}

ul.menu2 a:link { color: #fff;  text-decoration:none; }
ul.menu2 a:active { color: #fff; text-decoration:none; }
ul.menu2 a:visited { color: #fff; text-decoration:none; }
ul.menu2 a:hover { color: #03f; text-decoration:underline;}

/*4.フッター
==================*/

.pr {
clear:both;
margin:3px auto 10px auto;
padding:2px 0;
text-align:center;
font-size:12px;
border-top:1px solid hotpink;
border-bottom:1px solid hotpink;
}

.footer {
clear:both ;
margin:0 auto;
padding:2px 0;
background:hotpink;
color:#fff;
font-size:12px;
}

.footer a:link { color: #fff;  text-decoration:none; }
.footer a:active { color: #fff; text-decoration:none; }
.footer a:visited { color: #fff; text-decoration:none; }
.footer a:hover { color: #ff0; text-decoration:underline;}

p.pan {
margin:10px 10px 0 0 ;
padding:0;
text-align:right;
font-size:12px;
}

/*4.右側コンテンツ
==================*/

.main {
float:right;
margin:0;
padding:10px 0 0 0;
width:640px;
}

.google {
margin:10px auto;
padding:0;
}

/*5.広告枠
==================*/
.bottom_super {
	margin-top: 50px;
}

/*5.広告リンク設置箇所対応
=========================*/
dd{
margin:0;
}

.sidepr {
padding:2px 0;
font-size:10px;
color:#000000;
list-style:none;
}
.sidepr dl {
	margin:5px 0 0 0;
	border-bottom:#CCC dotted 1px;
}
.sidepr dt a:link{
color:#0033FF;
}

div.pr {
width:100%;
clear:both;
margin:3px auto 10px auto;
padding:2px 0;
font-size:12px;
position:relative;
float:left;
text-align:left;
}
.pr dl {
position:relative;
float:relative;
float:left;
width:17%;
border-right:#CCC dotted 1px;
padding:0 1% 0 1%;
}
#footerbox div.pr dt a:link{
color:#0033FF;
}

.clearbox{
clear:both ;
}