/*============================================================

	要素のリセット

============================================================*/
html{
	margin:0px;
	padding:0px;
}

body{
	height:100%;
	color:#333333;
	margin:0px;
	padding:0px;
	font-size:62.5%;
	font-family:Verdana,meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka;
	background-color:#ffffff;
}

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

object{outline:none;}

h1,h2,h3,h4,h5,h6,
table,tr,td,th,
ol,ul,li,
dl,dt,dd,
p{
	margin:0px;
	padding:0px;
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin:0px;
	font-size:100%;
}

/*============================================================

	コンテナ・レイアウト関連

============================================================*/
#container{
	width:100%;
	background-image:url(../images/common/bg.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	padding:20px 0px;
}

#wrapper{
	width:950px;
	margin:20px auto;
}

#directory{
	width:930px;
	padding:10px;
	margin:-10px auto 0px auto;
	background-color:#FFF0FC;
	font-size:1.2em;
}

#pagetitle{
	width:950px;
	margin:10px auto 0px auto;
	background-image:url(../images/common/pagetitle.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#pagetitle h2{
	width:280px;
	height:120px;
	padding:15px;
	margin:0px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:120px;
	float:left;
}

#pagetitle #swf{
	width:640px;
	height:150px;
	margin:0px;
	background-image:url(../images/common/pagetitle.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
}

/*============================================================

	ヘッダ

============================================================*/
h1{
	padding:1.0em;
	background-color:#E3017F;
}

h1 span{
	display:block;
	font-size:1.2em;
	width:950px;
	color:#FFFFFF;
	margin:0px auto;
}

#header{
	margin:0px auto;
	padding:15px 0px;
	background-image:url(../images/common/header_bg.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	border-bottom:solid 1px #FFFFFF;
}

#header .wrapper{
	width:950px;
	margin:0px auto;
}

#header h2{
	width:279px;
	height:62px;
	margin-top:5px;
	float:left;
}

#header h2 a{
	display:block;
	width:370px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
	background-image:url(../images/common/logo.gif);
	background-repeat:no-repeat;
}
/*-----------*/
#header .wrapper div{
	width:545px;
	float:right;
}

#header .wrapper div p{
	width:285px;
	height:0px;
	padding-top:73px;
	overflow:hidden;
	background-image:url(../images/common/bnr_contact.gif);
	background-repeat:no-repeat;
	float:left;
}
/*
#header .wrapper div ul{
	width:250px;
	height:73px;
	overflow:hidden;
	float:right
;}
*/
#header .wrapper div ul{
	display:block;
	width:250px;
	height:75px;
	overflow:hidden;
	float:right;
}

#header .wrapper div ul li{
	margin-bottom:5px;
	font-size:11px;
}

#header .wrapper div p a:hover{
	background-position:-250px 0px;
}

/*============================================================

	メインメニュー

============================================================*/
#menu{
	height:45px;
	overflow:hidden;
	background-image:url(../images/common/menu_bg.gif);
	background-repeat:repeat-x;
	border-bottom:solid 1px #FFFFFF;
}

#menu ul{
	width:950px;
	height:45px;
	margin:0px auto;
	overflow:hidden;
}

#menu ul li{
	float:left;
}

#menu ul li{		width:135px;}
#menu ul li.m07{	width:140px;}

#menu ul li a{
	display:block;
	height:0px;
	padding-top:45px;
	overflow:hidden;
	background-image:url(../images/common/menu.gif);
	background-repeat:no-repeat;
}

#menu li.m01 a{			background-position:0px 0px;}
#menu li.m01 a:hover{	background-position:0px -45px;}
#menu li.m02 a{			background-position:-135px 0px;}
#menu li.m02 a:hover{	background-position:-135px -45px;}
#menu li.m03 a{			background-position:-270px 0px;}
#menu li.m03 a:hover{	background-position:-270px -45px;}
#menu li.m04 a{			background-position:-405px 0px;}
#menu li.m04 a:hover{	background-position:-405px -45px;}
#menu li.m05 a{			background-position:-540px 0px;}
#menu li.m05 a:hover{	background-position:-540px -45px;}
#menu li.m06 a{			background-position:-675px 0px;}
#menu li.m06 a:hover{	background-position:-675px -45px;}
#menu li.m07 a{			background-position:-810px 0px;}
#menu li.m07 a:hover{	background-position:-810px -45px;}

/*============================================================

	サイドナビ

============================================================*/
#sideNavi{
	width:212px;
	float:left;
}

#sideNavi #area{
	margin-top:10px;
}

#submenu{
	width:196px;
	padding:8px;
	background-color:#FFCCCC;
	margin-bottom:10px;
}

#submenu li{
	width:191px;
	background-color:#FFFFFF;
	margin-bottom:2px;
	font-size:1.2em;
	border-left:solid 5px #E3017F;
}
#submenu li:nth-child(n+6){
	width:191px;
	background-color:#FFF;
	margin-bottom:2px;
	font-size:1.2em;
	border-left:solid 5px #0c9c78;
}

#submenu li a{
	display:block;
	width:171px;
	padding:10px;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#E3017F;
}

#submenu li:nth-child(n+6) a{
	color:#0c9c78;
}

#submenu li a:hover{
	background-color:#FFE1F2;
	text-decoration:none;
	font-weight:bold;
}

#sideNavi ul.subcontents{
	width:196px;
	margin:10px 0;
	padding:8px;
	background-image:url(../images/common/button_bg.gif);
	background-repeat:no-repeat;
}

#sideNavi ul.subcontents li{
	width:196px;
	height:58px;
	background-color:#999999;
	margin-bottom:3px;
}

#sideNavi ul.subcontents li.m06{
	margin-bottom:0px;
}

#sideNavi ul.subcontents li a{
	display:block;
	width:196px;
	height:0px;
	padding-top:58px;
	overflow:hidden;
	background-image:url(../images/common/button.jpg);
	background-repeat:no-repeat;
}

ul.subcontents li.m01 a{			background-position:0px 0px;}
ul.subcontents li.m01 a:hover{	background-position:0px 0px;}
ul.subcontents li.m02 a{			background-position:0px -58px;}
ul.subcontents li.m02 a:hover{	background-position:0px -58px;}
ul.subcontents li.m03 a{			background-position:0px -116px;}
ul.subcontents li.m03 a:hover{	background-position:0px -116px;}
ul.subcontents li.m04 a{			background-position:0px -174px;}
ul.subcontents li.m04 a:hover{	background-position:0px -174px;}
ul.subcontents li.m05 a{			background-position:0px -232px;}
ul.subcontents li.m05 a:hover{	background-position:0px -232px;}
ul.subcontents li.m06 a{			background-position:0px -290px;}
ul.subcontents li.m06 a:hover{	background-position:0px -290px;}

ul.subcontents li a:hover{
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/*============================================================

	右（コンテンツ）

============================================================*/

#Contents{
	width:720px;
	float:right;
	font-size:1.3em;
	line-height:1.4;
}

#gotop{
	margin-top:20px;
}

#gotop a{
	display:block;
	width:204px;
	height:0px;
	padding-top:28px;
	overflow:hidden;
	background-image:url(../images/common/gotop.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
}

#gotop a:hover{
	background-position:-204px 0px;
}

#Contents h3{
	width:700px;
	height:41px;
	line-height:41px;
	font-size:1.2em;
	font-weight:bold;
	padding-left:20px;
	overflow:hidden;
	color:#E3017F;
	background-image:url(../images/common/title_bg.gif);
	background-repeat:no-repeat;
}

/*============================================================

	フッタ

============================================================*/
#footer{
	background-color:#FFE8F5;
	border-top:solid 5px #E3017F;
	padding:20px;
}

#footer div{
	width:950px;
	margin:0px auto;
}

#footer h2{
	width:270px;
	padding:15px;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	background-color:#E3017F;
	float:left;
}

#footer ul{
	width:648px;
	padding:15px 0px 20px 0px;
	line-height:1.5;
	background-color:#ffffff;
	border:solid 1px #E3017F;
	float:right;
}

#footer ul li{
	width:10em;
	font-size:13px;
	list-style-type:none;
	margin-left:15px;
	margin-bottom:0.5em;
	padding-right:10px;
	line-height:1.5;
	float:left;
}

#footer p{
	width:950px;
	margin:1.0em auto 0px auto;
	font-size:1.2em;
	text-align:center;
}

#footer p.copy{
	text-align:right;
}

/*============================================================

03.フォント

============================================================*/
.red{color:#cc0000;}

.bold{font-weight:bolder;}

em{
	font-style:normal;
	font-weight:bolder;
}

a:link{	color:#FF9900;}
a:visited{	color:#6600FF;}
a:hover{	color:#cc0000;}
a:active{	color:#cc0000;}

.attention{
	text-indent:-1.0em;
	padding-left:1.0em;
}

/*============================================================

	clearfix

============================================================*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}