@charset "shift_jis";
/* CSS Document */

* {margin: 0;padding: 0;}
body {
background-color: #fff;
font-size: 13px;
color: #333;
}

/*firefox背景がずれるの回避*/
body,x:-moz-broken {
margin-left:-1px;
}



h1, h2, h3 {margin: 0;padding: 0;}
ul, ol, li {margin: 0;padding: 0; list-style:none;}
img {border: none; margin: 0;padding: 0; vertical-align:top;}

table { border-collapse: collapse; }
th { text-align: left;margin: 0;padding: 0; }
/*input { margin: 0;padding: 0; border: none; }*/

a:link { color: #0066CC; text-decoration: underline; }
a:active { color: #0066CC; text-decoration: underline; }
a:visited { color: #0066CC; text-decoration: underline; }
a:hover {
	color: #999;
	text-decoration: underline;

}

.clear {clear:both;margin: 0;padding: 0;height: 1px;line-height: 1px;font-size: 1px;}

.fl_l {float: left;}
.fl_r {float: right;}
.txt_l {text-align:left}
.txt_c {text-align:center}
.txt_r {text-align:right}

.fc10 {font-size: 10px;line-height: 150%;color: #000000;}
.fc12 {font-size: 12px;line-height: 150%;color: #000000;}
.title {
	font-size: 12px;
	line-height: 150%;
	color: #1383D5;
	font-weight: bold;
}
.pt10{
    padding-top:5px;
}
.pagetop {font-size:10px; padding-top: 20px; padding-bottom: 20px;text-align:right; width:680px;}
.pagetop a:link, .pagetop a:visited{ color: #666666; text-decoration: underline; }
.pagetop a:hover { color: #999; text-decoration: underline; }

.pagetop2 {font-size:10px; padding-bottom: 20px; text-align:right; width:640px; background-image:url(../../uminosei/news/img/bar1.gif); background-repeat:no-repeat; background-position:bottom left; clear:both;}
.pagetop2 a:link, .pagetop2 a:visited{ color: #666666; text-decoration: underline; }
.pagetop2 a:hover { color: #999; text-decoration: underline; }

.pagetop3 {font-size:10px; padding-top: 0px; padding-bottom: 20px;text-align:right; width:680px; clear:both;}
.pagetop3 a:link, .pagetop3 a:visited{ color: #666666; text-decoration: underline; }
.pagetop3 a:hover { color: #999; text-decoration: underline; }


.pagetop4 {font-size:10px;  text-align:right; width:640px;  clear:both; margin-left:40px; padding-bottom:40px; padding-top:20px;}
.pagetop4 a:link, .pagetop4 a:visited{ color: #666666; text-decoration: underline; }
.pagetop4 a:hover { color: #999; text-decoration: underline; }


/* ------------------------------
LAYOUT
------------------------------ */

#wrapper {
margin: 0;

width: 100%;
clear: both;
background: url(../img/back_shadow.jpg) repeat-y center top;
}

/*firefox背景がずれるの回避*/
#wrapper,x:-moz-broken {
margin-left:-1px;
}

#wrapperft {
margin: 0;
width: 100%;
clear: both;
background: url(../img/back_foot.jpg) no-repeat center bottom;
}





#wrapperin {
margin: 0;
width: 100%;
padding-top: 22px;
clear: both;
background: url(../img/back.jpg) no-repeat center top;
}

#wrapperin,x:-moz-broken {
margin-left:-1px;
}




#header {
width: 740px;
margin-right: auto;
margin-left: auto;
position:relative;
}

#head-menu {
width: 740px;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 11px; 
}
#head-menu ul{
	width: 740px;
}
#head-menu li{
	float:left;
}
#head-menu li img{
	vertical-align: bottom;

}
#hm1{
	width:93px;
}
#hm2{
	width:92px;
}
#hm3{
	width:92px;

}
#hm4{
	width:92px;

}
#hm5{
	width:92px;

}
#hm6{
	width:92px;

}
#hm7{
	width:92px;
}
#hm8{
	width:94px;
}

#contents {
margin: 0 auto 0;
width: 700px;
padding: 45px 10px 0px 30px; 
}
#footer {
margin: 0 auto 0;
width: 733px;
padding: 37px 0px 32px 7px;
height:33px; 
}

/* ------------------------------
HEADER
------------------------------ */

#header h1{float: left;}
#header h1 #logo{margin-right: 23px;float: left;}
#header h1 #catch{margin-top: 10px;float: left;}

ul#head-navi{float: right;margin-top: 20px;}
ul#head-navi li{display:inline;float: left;}


/* ------------------------------
HEAD-MENU
------------------------------ */
#head-menu ul#menu{}
#head-menu ul#menu li{display:inline; float: left;}

/* ------------------------------
CTGL-NAVI 　（一部カテゴリのみ)
------------------------------ */
#ctgl_navi {
margin: 0 auto 0;
width: 739px; 
padding-top: 21px;
padding-bottom: 11px;
background: url(../img/back_ctgl.png) no-repeat center top;
text-align:center;
color: #0066CC;
}
#ctgl_navi ul,
#ctgl_navi li{ list-style:none; display:inline;}

#ctgl_navi2 {
margin: 0 auto 0;
width: 739px;
height:74px;
padding-top: 21px;
padding-bottom: 11px;
background: url(../img/back_ctgl2.png) no-repeat center top;
text-align:center;
color: #0066CC;
}


/* ------------------------------
CONTENTS
------------------------------ */
#contents #pankz{padding-left: 3px;clear:both;padding-bottom:15px;}

/* ------------------------------
FOOTER
------------------------------ */
#footer #name{float:left}
#footer #copy{float:right; padding-top:19px;}


/* ------------------------------
SNS
------------------------------ */
#sns_cont{
    clear: both;
	width:250px;
	position:absolute;
	top:-5px;
	left:518px;
}
#sns_cont ul{
     list-style:none;
}
#sns_cont li{
     float:left;
}


/* clearfix */
/* -------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}