@charset "utf-8";

*{
	/*word-break : break-all;*/
	word-wrap : break-word;
	margin : 0;
	padding : 0;
	font-size : 14px;
}

p{
	line-height : 180%;
	font-size : 14px;
}

img{
	border : 0 none;
}

a{
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

ul{
	list-style : none;
}

button{
	border : 0 none;
	background : transparent;
}

button:hover{
	cursor : pointer;
}

/* 
ナビのドロップシャドウとメインの画像を重ねるために記述 
重ねる対象のオブジェクトにoverflowを使ったら、重ねることができないから。
かと言って、対象のオブジェクトのoverflowを外すと画像の大きさにヘッダー・ナビ・フッターがついてこない
なのでwrapperに記述
※min-widthを入れないとスクロールが現れない。overflow「hidden」を記述してるから
*/
#wrapper{
	padding-top : 30px;
	overflow : hidden;
	min-width : 960px;
}

#header_bg{
	min-width : 960px;
}

#header{
	width : 960px;
	margin : 0px auto 10px auto;
	overflow : hidden;
}

.header02{
	margin : 20px auto -20px auto !important;

}


#header_bg{
	margin : 0px 0px 20px 0px;
}

#header_l{
	float : left;
}

#header_r{
	float : right;
	padding-top : 10px;
}

#nav_bg{
	background : url(../../img/shadow_01.png) repeat-x 0 bottom;
	padding-bottom : 10px;
	position : relative;
	z-index : 99;
}

#nav{
	background : #010066;
	height : 59px;
}

#nav ul{
	width : 960px;
	margin : 0 auto;
}

#nav ul li{
	float : left;
}

#topic_path{
	margin-bottom : 20px;
}

#contents{
	width : 960px;
	margin : 0 auto 20px auto;
}

#contents_l{
	width : 695px;
	float : left;
	border-top : 5px solid #0027a6;
	padding-top : 10px;
	margin-bottom : 40px;
}

#contents_r{
	width : 225px;
	float : right;
	border-top : 5px solid #0027a6;
	padding-top : 10px;
	margin-bottom : 40px;
}

.page_top{
	clear : both;
}

.page_top p{
	text-align : right;
}

.page_top p a{
	background : url(../../img/icon_04.gif) no-repeat 0 center;
	padding-left : 15px;
}

#footer_bg{
	background : url(../../img/bg_03.gif) repeat-x 0 0;
	height : 240px;
	padding-top : 20px;
}

#footer{
	overflow : hidden;
	width : 960px;
	margin : 0 auto;
}

#footer_l{
	float : left;
	margin-right : 50px;
}

#footer_r{
	float : left;
}

#copy_right{
	width : 960px;
	margin : 0 auto;
	padding : 30px 0;
}

#copy_right p{
	text-align : center;
	font-size : 12px;
}

/* トップのメイン画像 */
.main_img_01{
	position : relative;
	width : 100%;
	height : 485px;
	overflow : hidden;
	margin : 0 auto;
}

.promo_img{
	width : 980px;
	margin-left : -1090px;
	position : relative;
	left : 60%;
	z-index : 0;
}

/* トップ以外のメイン画像 */
.main_img_02{
	position : relative;
	width : 100%;
	height : 222px;
	margin : 0 auto 0 auto;
}

.promo_img_02{
	margin-top : -10px;
	width : 980px;
	margin-left : -1040px;
	position : absolute;
	left : 60%;
	z-index : 0;
}

.bg_03{
	min-width : 174px;
	height : 59px;
	padding : 15px;
	margin-top : 40px;
	margin-left : -600px;
	position : absolute;
	left : 60%;
	z-index : 5;
	background : url(../../img/bg_02.png) repeat 0 0;
}

.bg_03 h2{
	font-size : 30px;
	font-weight : bold;
}

.bg_03 p{
	font-size : 26px;
	font-weight : bold;
	color : #006eb5;
}
img.shamei {
    position: relative;
    z-index: 20;
    top: 120px;
    left: 40%;
}