@charset "UTF-8";

html,
body {
	height: auto;
}


/*----------------------------------------
	wrapper
----------------------------------------*/

*html div#wrapper{
	height:auto;
}

div#wrapper{
	min-height: auto;
}

/*----------------------------------------
	container
----------------------------------------*/

#container {
	padding-bottom:10px;
}

/*----------------------------------------
	header
----------------------------------------*/

#hd_copy {
	width:94%;
	padding: 4px 3%;
}


#header,
#top_header {
	width:94%;
	padding: 25px 3% 25px 3%;
	box-shadow: none;
	background-color:#0041af;
	background-size: 120% auto; 
	-webkit-background-size: 120% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 120% auto; /* Firefox用 */
	-o-background-size: 120% auto; /* Opera用 */
}

#header h1,
#top_header h1 {
	padding-right: 15px;
}

#header h1 img,
#top_header h1 img {
	width:132px;
	height: 99px;
}


#header .copy .catch,
#top_header .copy .catch{
	font-size: 123.1%;
	line-height:1.3;
}

#header .copy .name,
#top_header .copy .name{
	font-size: 300%;
}

.height_hold {
	height: 0;
}

/*----------------------------------------
	menu
----------------------------------------*/

#menu {
	clear: both;
	width:100%;
	margin: 0 auto 30px auto;
	border: none;
}

#menu li {
	float: left;
	width:203px;
}

#menu .menu01 {
	float: none;
	width:100%;
}

#menu .menu02 {
	width:50%;
}

#menu .menu03 {
	width:50%;
}

#menu .menu04 {
	width:50%;
}

#menu .menu05 {
	width:50%;
}

#menu li a {
	box-shadow: none;
	padding: 14px 2% 14px 2%;
}

#menu .menu01 {
	border: none !important;
}

#menu .menu02 a,
#menu .menu04 a {
	border-left: none !important;
}

#menu .menu03 a,
#menu .menu05 a {
	border-right: none !important;
}

#menu li a:after{
	width:60%;
}

#menu .menu01 a:after{
	width:38%;
}


/*----------------------------------------
	contents
----------------------------------------*/

#contents {
	width: 100%;
	padding-bottom: 30px;
}

#main_contents {
	float: none;
	width:100%;
	padding-bottom: 20px;
}

#side_contents {
	float:none;
	width:100%;
	padding:0;
	background:none;
}


#side_contents ul li span {
	padding: 9px 6% 9px 3%;
	background: url(../../../img/dz1/common/sp_icon_side_open.png) 98% 10px no-repeat        !important;
	background-size: 16px 16px !important; 
	-webkit-background-size: 16px 16px !important; /* Safari,Google Chrome用 */
	-moz-background-size: 16px 16px !important; /* Firefox用 */
	-o-background-size: 16px 16px !important; /* Opera用 */
}

#side_contents ul li span.close {
	background: url(../../../img/dz1/common/sp_icon_side_close.png) 98% 10px no-repeat        !important;
	background-size: 16px 16px !important; 
	-webkit-background-size: 16px 16px !important; /* Safari,Google Chrome用 */
	-moz-background-size: 16px 16px !important; /* Firefox用 */
	-o-background-size: 16px 16px !important; /* Opera用 */
}

.side_none #side_contents {
	display: none;
}



/*----------------------------------------
	title
----------------------------------------*/

.ttl01 {
	margin-bottom: 15px;
	padding: 12px 2% 10px 2%;
	border-radius: 0;
	-webkit-border-radius: 0; /* Safari,Google Chrome用 */
	-moz-border-radius: 0; /* Firefox用 */
}


.ttl02 {
	margin-bottom: 15px;
	padding: 8px 2%;
	border-radius: 0;
	-webkit-border-radius: 0; /* Safari,Google Chrome用 */
	-moz-border-radius: 0; /* Firefox用 */
}

.ttl03 {
	margin-bottom: 15px;
	padding: 6px 2%;
	border-left: none;
	border-right: none;
}

/*----------------------------------------
	news
----------------------------------------*/

.news_block {
	width:100%;
	margin-bottom: 30px;
}

.news_block .news_ttl {
	clear: both;
	margin-bottom: 5px;
	padding: 6px 2%;
	border-left: none;
	border-right: none;
}

.news_block .news_ttl h2 {
	width:69%;
	padding: 0;
	background: none;
}

.news_block .news_ttl h2 span {
	padding: 0 0 0 12px;
	background:url(../../../img/dz1/top/news_ttl_icon.gif) left center no-repeat;
}


.news_block .news_ttl p {
	width: 30%;
	text-align: right;
}

.news_block ul li {
	padding: 7px 3%;
	border-bottom: 1px solid #cccccc;
}

.news_block .ph {
	float:right;
}

.news_block .ph img {
	max-width:150px;
	height: auto;
}

.news_block ul li .date span {
	display: block;
}

.news_block ul li .date img {
	vertical-align: -3px;
	margin-left: 0;
	margin-right: 4px;
}


/*----------------------------------------
	footer
----------------------------------------*/

#footer {
	position:relative;
	width: 100%;
	height:auto;
}

#footer p {
	width: 94%;
	padding:20px 0;
}