@charset "utf-8";

/***************************************************
	マイツグループ用スタイルシート
	index.css
	トップページレイアウトスタイル定義
***************************************************/

/* トップページ index.html
------------------------------------------------------------ */
h2.main_v {
	width: 825px;
	height: 143px;
	margin: 16px 0 17px;
	padding: 0;
	background: url(../img/index/main.jpg) no-repeat;
	text-indent: -9999px;
}
@media print {
	h2.main_v {
		margin: 5px 0 0;
		color: #fff;
		display: list-item;
		list-style-position: inside;
		letter-spacing: -1000em;
		font-size: 1pt;
	}
	h2.main_v {  list-style-image: url(../img/index/main.jpg);}
}

/*-----contents-----*/
#contents {
	float: left;
	width: 574px;
}
#contents strong {	font-weight: normal;}

#contents .box01 {
	margin-bottom: 22px;
	padding: 3px 3px 10px 3px;
	border: 1px solid #e1e1dd;
	background: #f3f5f6 url(../img/index/box01_bg.jpg) repeat-x;
}
@media print {
#contents .box01 {	margin-bottom: 10px;}
}
#contents .box01 li {
	margin: 3px 5px;
	padding: 3px 5px 3px 25px;
	background: url(../img/temp/ico01.jpg) left center no-repeat;
	border-bottom: 1px dotted #dadad3;
}
#contents .box01 li.end {	border: none;}
#contents .box01 p.btn {	text-align: right;}
#contents .box01 p.btn a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
} 

#contents .japan {
	float: left;
	width: 273px;
	padding: 3px 4px;
	border: 1px solid #cccccc;
	background: url(../img/index/index_bg01.jpg) bottom no-repeat;
}
#contents .china {
	float: right;
	width: 273px;
	padding: 3px 4px;
	border: 1px solid #cccccc;
	background: url(../img/index/index_bg01.jpg) bottom no-repeat;
}
@media print {
	#contents .japan, #contents .china {	height: 700px;}
	#contents .japan .heightLine, #contents .china .heightLine {	display: inline;}
}

#contents .japan h3, #contents .china h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../img/temp/shadow01.jpg) left bottom repeat-x;
}
#contents .japan h3 a, #contents .china h3 a {
	display: block;
	width: 273px;
	height: 32px;
	text-indent: -9999px;
}
#contents .japan h3 a {	background: url(../img/index/index_title02.jpg) 0 0 no-repeat;}
#contents .china h3 a {	background: url(../img/index/index_title03.jpg) 0 0 no-repeat;}
#contents .japan h3 a:hover, #contents .china h3 a:hover {	background-position: 0 -32px;}
@media print {
	#contents .japan h3, #contents .china h3 {
		color: #fff;
		display: list-item;
		list-style-position: inside;
		font-size: 1pt;
		letter-spacing: -1000em;
		height: 28px;
	}
	#contents .japan h3 {	list-style-image: url(../img/index/index_title02_p.jpg);}
	#contents .china h3 {	list-style-image: url(../img/index/index_title03_p.jpg);}
	
	#contents .japan h3 a, #contents .china h3 a {	display: none;}
}

#contents .japan h4, #contents .china h4 {
	margin: 0 8px;
	padding: 10px 0 0 0;
	border-top: 1px dotted #dadad3;
}
#contents .japan h4.top, #contents .china h4.top {
	border: none;
	margin-top: 0;
}
#contents .japan h4 a {
	display: block;
	width: 257px;
	height: 28px;
	text-indent: -9999px;
}
#contents .japan h4.j_t01 a {	background: url(../img/index/j_t01.jpg) no-repeat;}
#contents .japan h4.j_t02 a {	background: url(../img/index/j_t02.jpg) no-repeat;}
#contents .japan h4.j_t03 a {	background: url(../img/index/j_t03.jpg) no-repeat;}
#contents .japan h4.j_t04 a {	background: url(../img/index/j_t04.jpg) no-repeat;}
#contents .japan h4.j_t05 a {	background: url(../img/index/j_t05.jpg) no-repeat;}
#contents .japan h4.j_t06 a {	background: url(../img/index/j_t06.jpg) no-repeat;}
#contents .japan h4 a:hover {	background-position: 0 -28px;}

#contents .china h4 a {
	display: block;
	width: 257px;
	height: 28px;
	text-indent: -9999px;
}
#contents .china h4.c_t01 a {	background: url(../img/index/c_t01.jpg) no-repeat;}
#contents .china h4.c_t02 a {	background: url(../img/index/c_t02.jpg) no-repeat;}
#contents .china h4.c_t03 a {	background: url(../img/index/c_t03.jpg) no-repeat;}
#contents .china h4.c_t04 a {	background: url(../img/index/c_t04.jpg) no-repeat;}
#contents .china h4.c_t05 a {	background: url(../img/index/c_t05.jpg) no-repeat;}
#contents .china h4.c_t06 a {	background: url(../img/index/c_t06.jpg) no-repeat;}
#contents .china h4 a:hover {	background-position: 0 -28px;}

@media print {
	#contents .japan h4, #contents .china h4 {
		color: #fff;
		display: list-item;
		list-style-position: inside;
		font-size: 1pt;
		letter-spacing: -1000em;
		height: 28px;
	}
/* 印刷用画像 作成必要 */
	#contents .japan h4.j_t01 {	list-style-image: url(../img/index/j_t01_p.jpg);}
	#contents .japan h4.j_t02 {	list-style-image: url(../img/index/j_t02_p.jpg);}
	#contents .japan h4.j_t03 {	list-style-image: url(../img/index/j_t03_p.jpg);}
	#contents .japan h4.j_t04 {	list-style-image: url(../img/index/j_t04_p.jpg);}
	#contents .japan h4.j_t05 {	list-style-image: url(../img/index/j_t05_p.jpg);}
	#contents .japan h4.j_t06 {	list-style-image: url(../img/index/j_t06_p.jpg);}
	
	#contents .china h4.c_t01 {	list-style-image: url(../img/index/c_t01_p.jpg);}
	#contents .china h4.c_t02 {	list-style-image: url(../img/index/c_t02_p.jpg);}
	#contents .china h4.c_t03 {	list-style-image: url(../img/index/c_t03_p.jpg);}
	#contents .china h4.c_t04 {	list-style-image: url(../img/index/c_t04_p.jpg);}
	#contents .china h4.c_t05 {	list-style-image: url(../img/index/c_t05_p.jpg);}
	#contents .china h4.c_t06 {	list-style-image: url(../img/index/c_t06_p.jpg);}
	
	#contents .japan h4 a, #contents .china h4 a {	display: none;}
}

#contents .japan p, #contents .china p {
	padding: 8px 11px 10px;
	font-size: 90%;
}
@media print {
	#contents .japan p, #contents .china p {	padding: 5px 11px;}
}
#contents .japan p.btn, #contents .china p.btn {
	margin: 0;
	padding: 30px 7px 10px 0;
	text-align: right;
	border: none;
}
@media print {
	#contents .japan p.btn, #contents .china p.btn {	padding-top: 10px;}
}

#contents .japan p a:hover img, #contents .china p.btn a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
} 

#contents h5 {
	padding: 20px 0;
}

#contents .china p.image {
	float: left;
	padding: 8px 11px 10px;
	margin-bottom: 1em;
}

#contents .china .box08 {	padding: 8px 11px 10px;}
#contents .china .box08 h5.ttl {
	display: inline;
	padding: 0;
	font-weight: bold;
	font-size: 90%;
}
#contents .china .box08 p {
	display: inline;
	padding: 0;
}

/*-----side-----*/
#side {
	float: right;
	width: 240px;
}
#side .topics iframe {
	width: 240px;
	height: 177px;
}
#side p.banner {
	padding-top: 15px;
}
#side h4.office {
	padding-top: 25px;
}
#side p.banner02 {
	padding-top: 3px;
}
#side p.banner_top {
	padding: 0 0 10px 0;
	font-size: 10px;
}

#side h3 a:hover img,
#side p.banner_top a:hover img,
#side p.banner a:hover img,
#side h4.office a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}