/**
 * 
 * @version 
 * @author 
 */


@import 'global.css';
@import 'textstyle.css';
/** Contents
-----------------------------------------*/
#contents p {
	font-size:77%;
}
#leftside p {
	margin-bottom:1em;
}
#leftside h6{
	font-size:77%;
	margin-bottom:1em;
	border-left:#6e6bcf 2px solid;
	padding:2px 0 2px 10px;
}
body {
	behavior:url("../../images/global/csshover.htc");
}
.comment img{
	display:block;
	margin-bottom:0.5em;
}
#chart_p{
	margin:1.5em 0 5px 0;
	background:url(../images/about/index/bg_about_chart.gif) repeat-y;
}
#chart_y{
	margin:0 0 15px 0;
	padding:20px 0;
	background:url(../images/about/index/bg_about_chart_orange.gif) repeat-y;
}
#chart_y #servicetitle{
	float:left;
	width:46px;
}
#chart_p .chart_left{
	float:left;
	width:215px;
}
#chart_y .chart_left{
	float:left;
	width:169px;
}

#chart_p .chart_right{
	float:right;
	width:470px;
	padding-bottom:10px;
	_padding-bottom:0;
}
#chart_y .chart_right{
	float:right;
	width:460px;
	padding:0 0 0 10px;
}
#round{
	width:450px;
	margin:0 auto;
	padding:12px 0 0 0;
	background:url(../images/about/index/about_chart_round_top.gif) top no-repeat;
}
#roundbtm{
	width:450px;
	margin:0 auto;
	padding:0 0 12px 0;
	background:url(../images/about/index/about_chart_round_btm.gif) bottom no-repeat;
}
.chart_center{
	width:424px;
	padding:0 10px 0 16px;
	background:url(../images/about/index/about_chart_puple_center.gif) bottom no-repeat;
	padding-bottom:7px;
	margin-bottom:10px;
}
.chart_one{
	background:url(../images/about/index/about_chart_one.gif) bottom no-repeat;
	padding:0 105px 10px 112px;
}
.chart_one dl{ 
	width:212px;
	margin:10px 0 0 0;
}
.chart_center dl{
	float:left;
	width:212px;
}
#chart_y .chart_right dl{
	background:url(../images/about/index/about_chartdl_orange.gif) bottom no-repeat;
	float:left;
	width:227px;
	margin-bottom:.5em;
}
#chart_y .chart_left dl{
	background:url(../images/about/index/about_chartdl_orange_small.gif) bottom no-repeat;
	width:160px;
}
#chart_y dl.yellowL{
	_margin:10px 0 0 46px;
	margin:0 0 0 46px;
	width:637px;
	background:url(../images/about/index/about_chartdl_orange_large.gif) bottom no-repeat;
}
.servicechart{
	height:200px;
}
.chart_center dl dt,
.chart_one dl dt,
#chart_y dl dt{
	padding:0.5em 1em 0 1em;
	font-size:77%;
}
.chart_center dl dt a,
.chart_one dl dt a{
	color:#8180C3;
	font-weight:bold;
	padding:0 0 0 18px;
	background:url(../images/global/arrow_black.gif) left 40% no-repeat;
}
*html #leftside dl dt a{
	padding:2px 0 2px 18px;
}
*+html #leftside dl dt a{
	padding:2px 0 2px 18px;
}

#chart_y dl dt a{
	color:#FFAC38;
	font-weight:bold;
	padding:0 0 0 18px;
	_padding:2px 0 2px 18px;
	background:url(../images/global/arrow_black.gif) left 40% no-repeat;
}
.chart_center dl dd,
.chart_one dl dd{
	padding:0.25em 1em;
	font-size:77%;
}
#chart_y dl dd{
	padding:0.25em 1em 1em 1em;
	font-size:77%;
}
.clicklist{
	cursor:pointer;
}
.clicklist a{
	color: #8D8BCF;
	text-decoration: underline;
}
*html .roundbox{
	width:600px;
}
*+html .roundbox{
	width:600px;
}

.roundbox{
	background:url(../images/about/features/round_perple_top.gif) top no-repeat;
	padding:15px 45px 5px 45px;
}
dl.roundbox_s{
	background:url(../images/about/features/round_perple_top.gif) top no-repeat;
	padding:15px 25px 5px 25px;
	font-size:77%;
}
dl.roundbox_s dt{
	clear:left;
	float:left;
	width:350px;
}
dl.roundbox_s dd{
	margin-left:375px;
}
dl.roundbox_s dd span,p.bigimage span,.roundbox dl dd span,.rightbox_purple span{
	background:url(../images/global/roope.gif) left top no-repeat;
	padding:3px 0 5px 24px;
}
*html dl.roundbox_s dd{
	margin-left:365px;
}
*+html dl.roundbox_s dd{
	margin-left:365px;
}
dl.roundbox_s dd a img{
	display:block;
	width:270px;
	margin-bottom:0.5em;
	border:#6B6C6E 1px solid;
}
dl.roundbox_s dd a img:hover{
	border:#7e7cee 1px solid;
}
#leftside dl.roundbox_s dd a:hover,
#leftside p.bigimage a:hover,
#leftside .roundbox dl dd a:hover,
#leftside .rightbox_purple a:hover{
	text-decoration:none;
}
dl.roundbox_s dt strong{
	color:#474865;
}
.roundbox:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
dl.roundbox_s:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.round_in{
	background:url(../images/about/features/round_perple_btm.gif) bottom no-repeat;
	padding-bottom:10px;
	margin:10px 0 20px 0;
}
.roundbox dl{
	width:272px;
	font-size:77%;
}
.roundbox dl dt{
	color:#474865;
	text-align:center;
	font-weight:bold;
	padding-bottom:1em;
}
.roundbox dl dd a img{
	display:block;
	width:270px;
	margin-bottom:0.5em;
	border:#6B6C6E 1px solid;
}
.roundbox dl dd a img:hover{
	border:#8b8ad2 1px solid;
}
.roundbox dl.purple_left{
	float:left;
}
.roundbox dl.purple_right{
	float:right;
}

.halfbox{
	margin-bottom:15px;
	background:url(../images/about/global/bg_halfbox.gif) bottom no-repeat;
	padding-bottom:10px;
}
p#nextpage{
	text-align:right;
	margin-top:1.5em;
	border-top:#CCC 1px solid;
	padding-top:1em;
}
p#backpage{
	text-align:left;
	margin-top:1.5em;
	border-top:#CCC 1px solid;
	padding-top:1em;
}
p#nextpage a{
	font-weight:bold;
	padding:2px 0 2px 18px;
	background:url(../images/top/arrow.gif) left 40% no-repeat;
}
p#backpage a{
	font-weight:bold;
	padding:2px 0 2px 18px;
	background:url(../images/top/arrow.gif) left 40% no-repeat;
}
p#nextpage a:hover,
p#backpage a:hover{
	text-decoration:underline;
	background-image:url(../images/top/arrow_on.gif);
}
.halfbox .{
	font-weight:bold;
	padding-top:7px;
	padding-bottom:7px;
	background:url(../images/global/bg_kakomi.gif);
}
ol li{
	margin-bottom:0.5em;
}
ol.roman li{
	list-style-type:upper-roman;
	color:#8B8AD2;
	font-weight:bold;
	margin-left:1.5em;
}
*html #leftside ol li{
	margin-left:2em;
}
*+html #leftside ol li{
	margin-left:2em;
}
ol.purplelist li{
	font-weight:bold;
	color:#6e6bcf;
}
ul.purplelist{
	color:#6e6bcf;
	margin-bottom:1em;
}
ol.graylist li{
	margin-bottom:0.5em;
}
ul.purplelist li{
	font-size:77%;
	font-weight:bold;
	margin-bottom:0.5em;
	list-style-type:disc;
	margin-left:1em;
}
ul.disc{
	margin-bottom:1em;
	font-size:77%;
}
ul.disc li{
	list-style:disc;
	margin-left:1.5em;
}
*html ul.disc li{
	margin-left:2em;
}
*+html ul.disc li{
	margin-left:2em;
}
p.purple{
	font-weight:bold;
	color:#6e6bcf;
}
.imgL{
	float:left;
	margin-right:20px;
	margin-bottom:1em;
}
table{
	width:100%;
	margin:20px 0 30px 0;
}
table tr th{
	width:210px;
	border-right:#8b8ad2 1px solid;
}
table tr td{
	color:#6B6C6E;
	font-size:14px;
	padding-left:1em;
	vertical-align:middle;
}
#leftside #uselist{
	margin-bottom:30px;
}

#leftside #uselist dl{
	font-size:77%;
	background:url(../images/seminar/dot_line.gif) bottom repeat-x;
}
#leftside #uselist dl dt{
	clear:left;
	float:left;
	width:6em;
	padding:1em 0.5em;
}
#leftside #uselist dl dd{
	margin-left:8em;
	padding:1em 0.5em;
	background:url(../images/global/arrow_black.gif) left 50% no-repeat;
}
#leftside #uselist dl dd a{
	padding:2px 0 2px 16px;
}

#leftside #uselist dl dd.seminar a{
	background:url(../images/about/global/icon.gif) right no-repeat;
	padding:2px 52px 2px 16px;
}
#leftside h5{
	margin-top:2em;
}
#leftside .leftbox h5{
	margin-top:0;
}
#leftside .box .rightbox_purple{
	float:right;
	background: url(../images/about/global/bg_rightbox_purple_btm.gif) bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:20px;
}
#leftside .box .rightbox_purple p{
	width:226px;
	background:url(../images/about/global/bg_rightbox_purple_top.gif) top no-repeat;
	padding:15px 23px 5px 23px;
	margin-bottom:0;
}
#leftside .box .rightbox_purple p strong{
	color:#474865;
}
#leftside .box .rightbox_purple a img{
	display:block;
	width:226px;
	margin:0.5em 0;
	border:#6B6C6E 1px solid;
}
#leftside .box .rightbox_purple a img:hover{
	border:#7e7cee 1px solid;
}
#leftside p.purplecenter{
	font-weight:bold;
	color:#474865;
	text-align:center;
}
#leftside p.title_p{
	font-weight:bold;
	color:#474865;
	color:#8B8AD2;
	margin-top:1.5em;
	margin-bottom:0;
	font-size:80%;
}
.largeimage{
	clear:both;
}
.clicklist{
	cursor:pointer;
}
.clicklist a{
	color: #8D8BCF;
	text-decoration: underline;
}

@media print{
*html #chart_y{
	height:310px;
}
}