@charset"UTF-8";

html{
	height:100%;
}

* {
	margin:0;
	padding:0;
}

img {
	border: 0px none;
	vertical-align: bottom;
}

a{
	text-decoration:none;
}

a:link{
	color:#000;
}
a:visited{
	color:#000;
}
a:hover{
	color:#F00;
	text-decoration:underline;
}

body{
	font-size:80%;
	text-align:center;
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
}

div#wrapper{
	width:950px;
	margin:0 auto;
	text-align:left;
}

/*------------------------------------
ヘッダー関連
------------------------------------*/
div#header{
	height:150px;
	/*background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;*/

}

div#header-top{
	height:69px;
	background-image:url(../images/header-top-bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;

	position:relative;
}

h1{
	padding:5px 0 0 10px;
	font-size:1px;
}

h2{
	position:absolute;
	top:30px;
	left:15px;
}

div#header-top p{
	position:absolute;
	top:30px;
	left:236px;
}

ul#navi{
	width:900px;
}

ul#navi li{
	display:inline;
}



p#breadcrumb{
	padding-top:5px;
	/*position:absolute;
	top:113px;
	left:10px;*/
}

/*------------------------------------
サイドナヴィゲーション
------------------------------------*/
div#side-navi{
	width:144px;

	position:absolute;
	top:0px;
	left:0px;
}

div#side-navi p{
	margin-bottom:1px;
}

div#side-navi ul{
	margin-bottom:5px;
}
div#side-navi li{
	list-style:none;
}

div#side-navi li img{
	vertical-align:middle;
	margin-right:3px;
}

div#side-navi li a{
	display:block;
	padding:6px 5px;
	font-size:85%;
	background-image:url(../../common/images/navi-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div#side-navi li a:link{
	color:#000;
}

div#side-navi li a:visited{
	color:#000;
}

div#side-navi li a:hover{
	background-image:url(../../common/images/navi-bg-hover.jpg);
	color:#069;
	text-decoration:none;
	font-weight:bold;
}


div#side-navi li a#act{
	background-image:url(../../common/images/navi-bg-hover.jpg);
	color:#069;
	font-weight:bold;
}

div#side-navi li a br{
	margin-left:1em;
}

/*------------------------------------
フッター
------------------------------------*/
p#backtotop{
	margin-right:10px;
	text-align:right;
}

p#backtotop img{
	margin-left:5px;
}

div#footer{
	width:100%;
	height:4em;
	margin-top:10px;
	background-image:url(../images/footer-bg2.jpg);
	background-repeat:repeat-x;
	font-size:80%;
	text-align:center;
}

div#footer-in{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

ul#footer-list{
	margin:5px 0 0 15px;
	padding-top:5px;
}

ul#footer-list li{
	margin-right:1em;
	list-style:none;
	display:inline;
}


ul#footer-list li a{
	text-decoration:none;
}

ul#footer-list li a:link{
	color:#CCC;
}
ul#footer-list li a:visited{
	color:#CCC;
}
ul#footer-list li a:hover{
	color:#FFF;
	text-decoration:underline;
}

p#c-r{
	color:#CCC;
	text-align:right;
	position:absolute;
	top:5px;
	right:10px;
}

/*----------------------------------------------
汎用　調整用
----------------------------------------------*/

.mrg-top5{
	margin-top:5px;
}

.mrg-top10{
	margin-top:10px;
}

.mrg-top15{
	margin-top:15px;
}

.mrg-top20{
	margin-top:20px;
}

.mrg-top30{
	margin-top:30px;
}

.mrg-top40{
	margin-top:40px;
}

.mrg-btm5{
	margin-bottom:5px;
}

.mrg-btm10{
	margin-bottom:10px;
}

.mrg-btm15{
	margin-bottom:15px;
}

.mrg-btm20{
	margin-bottom:20px;
}

.mrg-btm30{
	margin-bottom:30px;
}

.mrg-btm50{
	margin-bottom:50px;
}

.mrg-btm100{
	margin-bottom:100px;
}

.mrg-left10{
	margin-left:10px;
}

.pdg-top10{
	padding-top:10px;
}

.pdg-top15{
	padding-top:15px;
}

.pdg-top20{
	padding-top:20px;
}

.pdg-top30{
	padding-top:30px;
}

.pdg-btm10{
	padding-bottom:10px;
}

.pdg-btm20{
	padding-bottom:20px;
}

.pdg-btm30{
	padding-bottom:30px;
}

.pdg-btm50{
	padding-bottom:50px;
}

.pdg-btm100{
	padding-bottom:100px;
}

.mrg-left5{
	margin-left:5px;
}

.mrg-left10{
	margin-left:10px;
}

.mrg-left20{
	margin-left:20px;
}

.mrg-left30{
	margin-left:30px;
}

.mrg-left1em{
	margin-left:1em;
}

.mrg-right5{
	margin-right:5px;
}

.mrg-right8{
	margin-right:8px;
}

.mrg-right10{
	margin-right:10px;
}

.mrg-right15{
	margin-right:15px;
}

.mrg-right20{
	margin-right:20px;
}

.mrg-right30{
	margin-right:30px;
}

.f-red{
	color:red;
}

.f-g{
	color:#666;
}

.f-pink{
	color:#FF7A7A;
}


.f-size90{
	font-size:90%;
}

.f-size85{
	font-size:85%;
}

.f-size80{
	font-size:80%;
}

.f-size70{
	font-size:70%;
}

.t-center{
	text-align:center;
}

.t-left{
	text-align:left;
}

.t-right{
	text-align:right;
}

.line170{
	line-height:170%;
}

.float-left{
	float:left;
}

.float-clear{
	clear:both;
}

/*---------------------------------------------------------------------------------------------------------------
フロートバグ対策
解除したい要素にクラスclearfixを追加
*/


/*clearfixハック*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;
/*hides from IE-mac ?*/
*html .clearfix{height:1%}
.clearfix{display:inline-block;}
/*End hide from IE-mac*/