@charset "Shift-JIS";
/*
--------------------------------------------------------------------------------
base.css

Copyright (c) 2006 mitene internet co., ltd. All Rights Reserved.

-------------------------------------------------------------------------------- */


/*--------------------attention------------------------ */
.attention{
	width:360px;
	margin:auto;
	padding:0px 10px 0px 10px;
	border-style:solid;
	border-color:#F00;
border-width:1px;
/*	border-width:3px;*/
	}

.att_li{
	list-style-type:disc !important;
	color:#000 !important;
	}




/*
----------------------------------------

base
---------------------------------------- */
body {
	background: #FFF;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
	font-size: 12px;
	background-image: url(../images/bg.gif);
	filter: shadow(color=#D1D1D1, direction=90);
	
	
}


#title{
   color:#339900;
   font-size:14px;
   margin-top: 20px;
   padding-top: 20px;
   border-top:dotted 

}

h2{
font-size:large;
margin:5px 0 10px;
padding:5px 0;
}

h3{
font-size:medium;
margin:5px 0;
padding:0;
}

h4{
color:#ff9900;
font-size:small;
margin:5px 0;
padding:0;
}


p{
font-size:small;
line-height:1.4;
}

li{
color:#000;
font-size:small;
line-height:1.2;
margin-bottom:5px;
}

li.streaming{
color:#fff;
font-size:small;
line-height:1.2;
margin-bottom:5px;
}

dt{
font-size:small;
font-weight:bold;
line-height:1.2;
margin:5px 0;
}

dd{
color:#333;
font-size:small;
line-height:1.2;
margin:5px 0 15px;
}

form{
margin:0;
padding:0;
}

address{
font-size:small;
font-style:normal;
}

a img, map {
border:none;
}

table{
font-size:small;
border-collapse:collapse;
}

th{
/*text-align:left;*/
}
/*
----------------------------------------


---------------------------------------- */
/* #container
---------------------------------------- */
#container {
margin:0 auto;
padding:0 10px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:2px solid #ddd;
width:750px;
background:#fff;
　　　　　　}




/* col-msx */
.col-msx #main{
float:left;
width:570px;
}
.col-msx #maincol{
	float:right;
	width:390px;
	margin-top: 5px;
}
.col-msx #subcol{
	float:left;
	width:160px;
	margin-top: 20px;
}
.col-msx #xcol{
	float:right;
	width:160px;
	margin-top: 20px;
}

/* col-ms */
.col-ms #maincol{
float:right;
width:570px;
}
.col-ms #subcol{
float:left;
width:160px;
}

/* col-mx */
.col-mx #maincol{
float:left;
width:500px;
}
.col-mx #xcol{
float:right;
width:230px;
}
.col-mx #xcol{
float:right;
width:230px;
}

/*
----------------------------------------
 modules

---------------------------------------- */
/* #forscreenreader
---------------------------------------- */
#forscreenreader {
position:absolute;
left:-999px;
width:990px;
}

/* #header
---------------------------------------- */
#header{
	background:#33cccc url("../images/header_bg.jpg") no-repeat 0 -10px;
	height:130px;
	padding-top:10px;
	margin-bottom:1px;
}


#header h1{
float:left;
font-size:large;
width:210px;
margin:0;
padding:15px 25px 22px;
}

#header h1 img{
display:block;
}

#header #logo{
height:87px;
}

#header #search{
float:right;
padding:15px 10px 0 0;
}
#header #search form{
margin:0;
padding:0;
}
#header #search label{
font-size:small;
}




/* #nav
---------------------------------------- */
#nav {
	float:left;
	width:100%;
	margin-bottom:-35px;
	padding:-20 0 50px;
}

#nav ul {
margin:0;
padding:0 30px;
list-style:none;

}
#nav li {
font-size:small;
float:left;
margin:0;
padding:0;
line-height:150%;
text-indent:0;
}
#nav li a{
display:block;
padding:5px 13px;
background:transparent url("../images/nav_corner_ro.gif") no-repeat left center;
}

#nav li a:hover{
background:transparent url("../images/nav_corner.gif")  no-repeat left center;
}





/* #footer
---------------------------------------- */

#footer {
clear:both;
}
#footer:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.gotopagetop p{
font-size:small;
text-align:right;
padding:10px;
border-bottom:3px solid #ccc;
margin-bottom:10px;
}

.isp{
float:right;
width:42px;
}
.isp p{
margin:0;
padding:0;
}
.isp p img{
display:block;
}


#footer .logo{
float:left;
font-size:medium;
width:5px;
border:none;
}

#footer .logo h2{
margin:0;
padding:0;
}
#footer .logo h2 img{
display:block;
}

#footernavigation {
margin:0px;
float:left;
}


#footernavigation ul {
margin:0;
padding:0 10px;
list-style:none;
}
#footernavigation li {
float:left;
margin:0;
padding:0;
line-height:normal;
text-indent:0;
}
#footernavigation li a{
display:block;
margin:5px 15px 5px 0;
padding:0;
}

#kiyaku {
margin:0px;
float:left;
}




p.copyright {
clear:left;
font-size:x-small;
margin:0;
padding-top:5px;
padding-left:220px;
}





/*
----------------------------------------
shared

---------------------------------------- */

#maincol p.viewotherpage{
font-size:x-small;
margin:0 0 10px;
padding:0;
}


/* box
---------------------------------------- */
#maincol h2{
clear:both;
color:#f30;
font-size:medium;
}

#maincol h2{
color:#333;
font-size:small;
margin:0;
padding:5px 0px;
border-bottom:5px solid #33cc00;
}

#maincol h4{
color:#333;
font-size:small;
margin:0;
padding:5px 0px;
border-bottom:5px solid #33cccc;
}

#subcol h2{
color:#333;
font-size:small;
margin:0;
padding:8px 0px;
border-bottom:5px solid #006699;
}


/*#subcol .index, #xcol */
.index{
margin-bottom:10px;
}

#xcol .index{
border:#ccc solid 2px;
border-width:0 1px 2px;
}


.index p{
margin:0;
padding:10px 5px;
}

.index p.img{
text-align:center;
padding:10px 0 0;
}

.index p.viewindex, .index p.viewmore{
text-align:right;
margin:0;
padding:0 10px 10px 0;
}

#subcol ul, #maincol ul{
margin:0;
padding:10px 5px 5px 20px;
}

#maincol ul li{
list-style:none;
color:#666;
}


#subcol ul li{
margin-top:15px;
margin-bottom:5px;
list-style:square;
}

#subcol ol, #maincol ol{
margin:0;
padding:10px 5px 5px 30px;
}

#login1{
background: url("../images/home/home_subcol_nav_bg1.gif") no-repeat ;
padding-bottom:15px;
margin-bottom:0;
}

#login{
background: url("../images/home/home_subcol_nav_bg2.jpg") no-repeat bottom;
margin-bottom:0;
}


#help1{
background: url("../images/home/home_subcol_nav_bg3.gif") no-repeat;
padding-bottom:15px;
margin-bottom:0px;
}

#help{
background: url("../images/home/home_subcol_nav_bg2.gif") no-repeat bottom;
margin-bottom:0;
}

#guide1{
background: url("../images/home/home_subcol_nav_bg1.gif") no-repeat;
padding-bottom:10px;
margin-bottom:10px;
}

#guide{
background: url("../images/home/home_subcol_nav_bg8.jpg") no-repeat bottom;
margin-bottom:0;
}

#news1{
background: url("../images/home/home_subcol_nav_bg1.gif") no-repeat;
padding-bottom:10px;
margin-bottom:10px;
}

#news{
background: url("../images/home/home_subcol_nav_bg8.gif") no-repeat bottom;
margin-bottom:0;
}

#look1{
background: url("../images/home/home_subcol_nav_bg9.gif") no-repeat;
padding-bottom:10px;
margin-bottom:10px;
}

#look{
background: url("../images/home/home_subcol_nav_bg11.gif") no-repeat bottom;
margin-bottom:0;
}

#newadd1{
	background: url("../images/home/home_subcol_nav_bg10.gif") no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;
	margin: 0;
	background-position: top;
}

#newadd{
background: url("../images/home/home_subcol_nav_bg6.gif") no-repeat bottom;
margin-bottom:0;
}

#album1{
background: url("../images/trackback/album1.gif") no-repeat bottom;
margin-bottom:0;
}

#album{
background: url("../images/trackback/album2.gif") no-repeat bottom;
margin-bottom:0;
}


.banner{
   margin-bottom:10px;
}

.info /*mitelog トップページのお知らせ*/
    {
		margin-top:5px;
		border:#F00 1px solid;
		padding:5px;
		}
.info h3{
	color:#F00;
	}
	
/* .policy/*mitelog 個人情報保護方針*/
---------------------------------------- */

.policy_main{
	margin:0px 10px 10px 15px;
	border: 1px solid #999999;
	padding: 10px;
}

.policy_main ul{
	margin:5px 10px 10px 25px;
}

.policy_main li{
    list-style-type:none;
}

.policy_main p{
    margin-left:30px;
}

.policy_h3{
	border-left:#303 5px solid;
	border-bottom:#999 1px dashed;
	margin-left:5px;
	padding:3px;
	}


.clear{
	clear:both;
	margin:10px 0;
	}	
	
	
/* mitelog ログイン*/
---------------------------------------- */	

input{
	margin-top:5px;
	}