@charset "UTF-8";

/*------------------------------ common index --------------------------------*/

#contents h3 {
	margin: 15px 0 10px 0;padding:0 0 10px 0;
}
#contents p.subtitle {
	position: relative;
	margin: -22px 0 20px 64px;
	color: #990000;
}
#contents .img_main { margin: 0 0 10px 0; }
#contents p.intro { margin: 0 0 10px 0; }

ul.link_group { margin: 0 0 30px 0; }
ul.link_group:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
ul.link_group { zoom: 100%; }

ul.link_group li {
	float: left;
	width: 275px;
}
ul.link_group li p { padding: 0 40px 0 5px; }

a.nolink {
	color: #999999 !important;
	text-decoration: none !important;
}


/*------------------------------ common --------------------------------*/

h4 {
	background: #FFF4A6;
	padding: 2px 0 2px 10px;
	border-left: 5px solid #FFDE42;
	border-bottom: 1px solid #FFDE42;
	font-weight: bold;
	margin: 0 0 20px 0;
}
ul.type_box {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin: 0 0 30px 0;
	line-height: 1.2;
	padding: 20px 0 10px 0;
}
ul.type_box_s {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin: 0 0 10px 0;
	padding: 20px 0 10px 0;
	line-height: 1.2;
}
ul.type_box:after, ul.type_box_s:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
ul.type_box, ul.type_box_s { zoom: 100%; }

li.t_box {
	width: 125px;
	float: left;
	padding: 0 16px 20px 0;
}
li.t_box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
li.t_box { zoom: 100%; }

li.t_box h4, li.title h4 {
	background: none;
	padding: 0; margin: 0;
	border: none;
	font-weight: normal;
}
li.t_box li {
	margin: 0 0 4px 0;
}
li.t_box li.im {
	width: 119px; height: 94px;
	_width: 125px; _height: 100px;
	border: 1px solid #EEEEEE;
	text-align: center;
	padding: 2px;
}
li.t_box li span, li.title span { font-weight: bold; color: #CC0000; }
li.t_box li.li_01, li.t_box li.li_02 {
	float: left;
	margin: 0 20px 0 0;
	_display: inline;
	white-space: nowrap;
}
li.t_box li.li_01 a, li.t_box li.li_02 a {
	display: block;
	background: url("/common/images/icon_arrow_normal.gif") left 2px no-repeat;
	padding: 0 0 0 17px;
}
li.t_box li.li_01 a:hover, li.t_box li.li_02 a:hover {
	background: url("/common/images/icon_arrow_normal_on.gif") left 2px no-repeat;
}


/*------------------------------ templateID --------------------------------*/

#templateFlashMovie {
	width: 550px; height: 400px;
	background: #EEEEEE;
}
#templateFlashMovie p {
	padding: 185px 0 0 0;
	text-align: center;
}
ul.type_box_b {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	margin: 0 0 30px 0;
	padding: 20px 0 30px 0;
	line-height: 1.2;
}
ul.type_box_b:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
ul.type_box_b { zoom: 100%; }

ul.type_box_b li.title { float: left; }
ul.type_box_b li.demo { float: right; }
ul.type_box_b li.im { clear: both; padding: 15px 0 20px 0; display: inline-block; }

ul.type_box_b li.mspre {overflow:hidden;zoom:1; padding:18px 0 0 0; margin: 0 0 20px 0; background:url("template/capture/tmp_waku.jpg") left 37px no-repeat; height:555px; _height:555px;}

.ms_im {overflow:hidden;zoom:1; position:relative;height:555px; _height:555px;}


ul.type_box_b div.mob{float:left; width:275px;}
ul.type_box_b div.sma{float:left;}


ul.type_box_b div.mob_im { width:134px; height:326px; overflow:hidden; position:absolute; top:60px; left:27px;}


ul.type_box_b div.sma_im { width:200px; height:340px; overflow:hidden; position:absolute; top:104px; left:305px;}

ul.type_box_b p.sb_tx{overflow:hidden;}
ul.type_box_b p.tistyle{font-weight:bold; padding:0 0 15px 0;}
ul.type_box_b p.tistyle02{left;font-weight:bold; padding:0 0 15px 0;}


ul.type_box_b li.prev { float: left; }
ul.type_box_b li.next { float: right; }


ul.type_box_b li.demo a {
	display: block;
	background: url("/common/images/icon_arrow_normal.gif") left 2px no-repeat;
	padding: 0 0 0 17px;
}
ul.type_box_b li.demo a:hover {
	background: url("/common/images/icon_arrow_normal_on.gif") left 2px no-repeat;
}