/*

File Name  : layout.css
Author     : 
Style Info : SiteLayout/Header/Footer/Base

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



/* BASE
----------------------------------------------- */
input.alpha:hover,
a:hover img.alpha{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: "alpha( opacity=80 )";
}
.imgover{
}

/* Layout_Bas
----------------------------------------------- */
body{
// border-top-width: 1px;
// border-top-style: solid;
// border-top-color: #000;
 min-width:960px;
// line-height:120%;
// background-color:#e8dfd9;
background:url(/cmn/img/bg.gif);
}

div#wrapper{
_text-align:center;
}

div#container{
 width: 960px;
 margin-right: auto;
 margin-left: auto;
 _text-align:left;
}
div#side_r_201{
 float: left;
 width: 201px;
 margin-left: 8px;
// margin-top: -60px;
}

div#side_r_201top{
 float: left;
 width: 201px;
 margin-left: 8px;
 margin-top: -60px;
}


div#side_l_201{
 float: left;
 width: 201px;
 margin-right:10px;
}
div#contents_480{
 width: 480px;
 float:left;
}
div#contents_720{
 width: 720px;
 float:left;
}

div#contents_750{
 width: 750px;
 float:left;
}

div#contents_960{
 width: 960px;
}
div.inner,
div#pagenavi{
 width: 960px;
 margin-right: auto;
 margin-left: auto;
 _text-align:left;
}

/* header
----------------------------------------------- */
div#header{
_text-align:left;
background-color:#FFF;
height:162px;
margin-bottom:30px;
}
/* IE8向け */
html>/**/body #header {
 font-size /*\**/: 77%\9;
 line-height: 1.4em\9;
}
div#header div.head{
 width: 960px;
 margin-right: auto;
 margin-left: auto;
 height:120px;
 font-size: 100%;
 background-image: url(../img/header_bk.jpg);
}
div#header div.head div#logo{
padding-top:15px;
//width:330px;
float:left;
}
div#header div.head div#info{
float:left;
padding-top:25px;
}
div#header div.head div#info ul li,
div#header div.head div#info ul li img{
float:right;
}
div#header div.head div#info ul li.mail{
 width:150px;
 background-image: url(../img/line_dot_header.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 10px;
 padding-right:10px;
 margin-top:13px;
}
div#header div.head div#info ul li.tel{
width:300px;
padding-right:10px;
margin-top:15px;
}

div#info .txtorange{
	font-size:16px;
	font-weight:bold;
	color:#DD6402;
}

div#info .txtred{
	font-size:16px;
	font-weight:bold;
	color:#D12800;
}




/* navi
----------------------------------------------- */
div#navi{
 //font-size:10px;
 background-color:#e48130;
 border-top: #dd6402 1px solid;
 border-bottom: #dd6402 1px solid;
//background-image: url(../img/bg_navi.gif);
//background-repeat: repeat-x;
 height: 40px;
 min-width:960px;
 padding-left:10px;
}
div#navi ul{
 width:956px;
 margin-right: auto;
 margin-left: auto;
}
div#navi li{
 float: left;
 color: #FFF;
 font-size:12px;
 padding-top:13px;
}

div#navi li a:link,
div#navi li a:visited {
 color: #FFF;
 text-decoration:none;
}

div#navi li a:hover {
 color: #ffcca3;
 text-decoration:none;
}



/* pagenavi
----------------------------------------------- */
div#pagenavibk{
 //background-color:#e8dfd9;
 width:100%;
}

div#pagenavi{
	padding-top:10px;
	padding-left:10px;
	font-size:77%;
	//background-color:#e8dfd9;
}
div#pagenavi a:link,
div#pagenavi a:visited{
 color: #707070;
 text-decoration: underline;

}
div#pagenavi a:hover{
 text-decoration: none;
}

/* footer ：共通
----------------------------------------------- */
div#footer {
 clear: both;
 font-size: 77%;
 background-color:#FFF;
}
/* IE8向け */
html>/**/body #footer div {
 font-size /*\**/: 77%\9;
 line-height: 1.4em\9;
}
div#footer div.pagetop p.btn,
div#footer div.info,
div#footer div.navi ul{
 width: 960px;
 margin-right: auto;
 margin-left: auto;
}
div#footer a:link,
div#footer a:visited{
 text-decoration: underline;
 color: #FFFFFF;
}
div#footer a:hover{
 text-decoration: none;
}
/* footer ：ページトップ
----------------------------------------------- */

div.pagetop p.btn {
 width: 960px;
 margin-right: auto;
 margin-left: auto;
}

div.pagetop {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #dcdcdc;
 min-width:960px;
}
div.pagetop p.btn a{
 clear: both;
 font-size: 77%;
 color:#717171;
 line-height: 25px;
 background-image: url(../img/btn_pagetop.gif);
 background-repeat: no-repeat;
 height: 25px;
 width: 79px;
 _width: 102px;
 display: block;
 margin-left: 850px;
 padding-left: 23px;
 text-align: left;
 _zoom:1;
 _position: relative;
}
div.pagetop p.btn a:link,
div.pagetop p.btn a:visited{
 text-decoration: underline;
}
div.pagetop p.btn a:hover{
 text-decoration: none;
}


div#footer div.pagetop {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #dcdcdc;
 min-width:960px;
 background-color:#e8dfd9;
}
div#footer div.pagetop p.btn a{
 color:#717171;
 line-height: 25px;
 background-image: url(../img/btn_pagetop.gif);
 background-repeat: no-repeat;
 height: 25px;
 width: 79px;
 _width: 102px;
 display: block;
 margin-left: 850px;
 padding-left: 23px;
 text-align: left;
 _zoom:1;
 _position: relative;
}
div#footer div.pagetop p.btn a:link,
div#footer div.pagetop p.btn a:visited{
 text-decoration: underline;
}
div#footer div.pagetop p.btn a:hover{
 text-decoration: none;
}

/* footer ：インフォメーション
----------------------------------------------- */
div#footer div.info{
 padding-top:10px;
 padding-bottom: 10px;
}

div#footer div.info li{
 width:290px;
 float:left;
}
div#footer div.info ul li.mail img,
div#footer div.info ul li.tel img{
 float:right;
}
div#footer div.info ul li.mail{
 font-size:12px;
 width:340px;
 background-image: url(../img/line_dot_header.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 10px;
 line-height: 29px;
 padding-top:3px;
}
div#footer div.info li.tel{
 font-size:12px;
 width:300px;
 padding-right:10px;
 padding-top:5px;
}

/* footer ：フッターナビ
----------------------------------------------- */
div#footer  div.navi{
 clear: both;
 color:#FFFFFF;
 background-color:#3c3c3c;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #222222;
 padding-top: 15px;
 min-width:960px;
}

div#footer div.navi ul {
 width: 955px;
 _width: 960px;
 margin-right: auto;
 margin-left: auto;
 clear:both;
 margin-bottom: 10px;
 padding-bottom: 15px;
 padding-left: 5px;
}
div#footer div.navi ul li {
 font-size:12px;
 float:left;
 margin-top: 5px;
 margin-right: 1.0em;
 margin-bottom: 0px;
 margin-left: 0;
 padding-right: 1.0em;
}
div#footer div.navi ul li.head{
 width:120px;
}

/* footer under ：一番したのリンク
----------------------------------------------- */
div#footer  div.under{
 background-color:#3c3c3c;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #585858;
 padding-top:17px;
 padding-bottom:17px;
 min-width:960px;
}
div#footer  div.under ul{
 width: 955px;
 _width: 960px;
 margin-right: auto;
 margin-left: auto;
 color:#FFFFFF;
 padding-left: 5px;
 clear:both;
}
div#footer  div.under ul li a {
 background-image: url(../img/icon_ft_arr.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 10px;
 padding-right: 7px;
 zoom:1;
 _position: relative;
}
div#footer  div.under ul li {
 float:left;
}
div#footer  div.under ul li.copyright {
 float:right;
 color:#FFF
}

/*

 File Name  : login.css
 Author     : 
 Style Info : ログイン

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




/* side
----------------------------------------------- */

div#side div.section{
margin-bottom:10px;
}
div#side div.section ul li{
float:left;
}
div#side div.section ul li.info{
width:200px;
margin-right:16px;
}
div#side div.section ul li.info div.box{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	padding: 10px;
 height:245px;
}
div#side div.section ul li.info dl.hedline{
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dedede;
}
div#side div.section ul li.info dt.date{
font-size:77%;
color:#00a0ea;
margin-bottom:10px;
}
div#side div.section ul li.info dd.comment{
	font-size:93%;
	color:#666666;
	line-height: 1.6em;
}
div#side div.section ul li.mainimage{
width:742px;
margin-right:15px;
}
div#side div.section ul li.login{
width:201px;
}
div#side div.section ul li.login p.logout{
	text-align:right;
	margin-top:-31px;
}
div#side div.section ul li.login div.date{
margin-bottom:10px;
}
#nowtime{
margin-bottom:10px;
}
div#side div.section ul li.login div.box{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	background-color: #FFF; //f6f0eb
	color: #666666;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	//height:230px;
	line-height:1em;
}
div#side div.section ul li.login div.box h5{
//	background-image: url(../images/base/icon/box_orange.gif);
//	background-repeat: no-repeat;
//	background-position: left;
//	padding-left: 5px;
 margin-bottom:5px;
	font-size: 80%;
}
div#side div.section ul li.login div.box p{
	font-size: 77%;
}
div#side div.section ul li.login div.box input.w180{
	width:182px;
	font-size:14px;
	border: 1px solid #E4E4E3;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
 margin-bottom:5px;
 *margin-bottom:2px;
}

div#side div.section ul li.login div.box input.uid{
	width:152px;
	font-size:14px;
	border: 1px solid #E4E4E3;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 34px;
 margin-bottom:5px;
 *margin-bottom:2px;
	background-image: url(/cmn/img/uid.jpg);
	background-repeat: no-repeat;
}

div#side div.section ul li.login div.box input.pwd{
	width:152px;
	font-size:14px;
	border: 1px solid #E4E4E3;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 34px;
 margin-bottom:5px;
 *margin-bottom:2px;
	background-image: url(/cmn/img/pwd.jpg);
	background-repeat: no-repeat;
}

div#side div.section ul li.login div.box li {
 float: none !important;
 margin-bottom: 7px;
 font-size:93% !important;
}
div#side div.section ul li.login div.box ul li.name{
font-size:123.1% !important;
}
div#side div.section ul li.login div.box ul li.line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
 margin-right:3px;
 padding-bottom:5px;
}
div#side div.section ul li.login div.box ul li em{
color:#F00000;
//font-weight:bold;
font-size:150%;
}
div#side div.section ul li.login div.box a:link,
div#side div.section ul li.login div.box a:visited{
color:#3366ff;
	text-decoration: underline;
}
div#side div.section ul li.login div.box a:hover{
	text-decoration: none;
}