/* CSS Document */

/*---------基本設定---------*/

#body
{
	margin: 1em auto;
	width: 950px;
	min-height:260px;
}


#topic
{
	float:left;
	width:950px;
	min-height:450px;
	position: relative;
}

#topic #contents_top {
	padding: 260px 0px 20px 0px;
	min-height: 300px;
}
#topic #contents {
	padding:230px 30px 30px 30px;
	min-height: 480px;
	width: 620px;
	float: left;
	/*background:url(../img/seconde_image.jpg) top left no-repeat #FFFFFF;*/
	margin-right:20px;
}

#topic .img_top {
	background:url(../img/content_top.png) top left no-repeat #FFFFFF;
}

#topic .img_about {
	background:url(../img/seconde_about.png) top left no-repeat #FFFFFF;
}
#topic .img_news {
	background:url(../img/seconde_news.png) top left no-repeat #FFFFFF;
}
#topic .img_faq {
	background:url(../img/seconde_faq.png) top left no-repeat #FFFFFF;
}
#topic .img_plan {
	background:url(../img/seconde_plan.png) top left no-repeat #FFFFFF;
}
#topic .img_support {
	background:url(../img/seconde_support.png) top left no-repeat #FFFFFF;
}
#topic .img_privacy{
	background:url(../img/seconde_privacy.png) top left no-repeat #FFFFFF;
}
#topic .img_sitemap{
	background:url(../img/seconde_sitemap.png) top left no-repeat #FFFFFF;
}
#topic .img_login{
	background:url(../img/seconde_login.png) top left no-repeat #FFFFFF;
}
#topic .img_logout{
	background:url(../img/seconde_logout.png) top left no-repeat #FFFFFF;
}
#topic .img_customer{
	background:url(../img/seconde_customer.png) top left no-repeat #FFFFFF;
}
#topic .img_contact{
	background:url(../img/seconde_contact.png) top left no-repeat #FFFFFF;
}
#topic .img_agree{
	background:url(../img/seconde_agree.png) top left no-repeat #FFFFFF;
}
#topic .img_cmenu{
	background:url(../img/seconde_cmenu.png) top left no-repeat #FFFFFF;
}
#topic .img_download{
	background:url(../img/seconde_download.png) top left no-repeat #FFFFFF;
}
#topic .img_license{
	background:url(../img/seconde_license.png) top left no-repeat #FFFFFF;
}

#topic .img_growth{
	background:url(../img/seconde_growth.png) top left no-repeat #FFFFFF;
}
#topic .img_applist{
	background:url(../img/seconde_applist.png) top left no-repeat #FFFFFF;
}

#topic .img_function{
	background:url(../img/seconde_function.png) top left no-repeat #FFFFFF;
}

#topic .img_cv{
	background:url(../img/seconde_cv.png) top left no-repeat #FFFFFF;
}

#topic .img_inst{
	background:url(../img/seconde_instruction.png) top left no-repeat #FFFFFF;
}

#topic .img_playlist{
	background:url(../img/seconde_playlist.png) top left no-repeat #FFFFFF;
}

#topic .img_commission {
	background:url(../img/seconde_commission.png) top left no-repeat #FFFFFF;
}
#topic .img_showcase{
	background:url(../img/seconde_showcase.png) top left no-repeat #FFFFFF;
}
.gray { color:#666666;}

p#pan {
		margin-bottom:15px;
		font-size:10px;
}

p.backtop { text-align:right; margin:30px 0px 10px 0px; clear:both; padding-top:40px;}

p.backtop a{ display:block; width:auto;}


#seconde_contents_r {
	width: 220px;
	padding-left:10px;
	float: left;
}
#seconde_contents_r a{
	display:block;
	width: 200px;
	height:60px;
}
#seconde_contents_r a#side_inst{ background:url(../img/side_inst.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_inst:hover{ background:url(../img/side_inst_on.png) left top;}

#seconde_contents_r a#side_faq{ background:url(../img/side_faq.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_faq:hover{ background:url(../img/side_faq_on.png) left top;}

#seconde_contents_r a#side_dl{ background:url(../img/side_dl.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_dl:hover{ background:url(../img/side_dl_on.png) left top;}

#seconde_contents_r a#side_li{ background:url(../img/side_li.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_li:hover{ background:url(../img/side_li_on.png) left top;}

#seconde_contents_r a#side_commission{ background:url(../img/side_commission.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_commission:hover{ background:url(../img/side_commission_on.png) left top;}

#seconde_contents_r a#side_inq{ background:url(../img/side_inq.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_inq:hover{ background:url(../img/side_inq_on.png) left top;}

#seconde_contents_r a#side_showcase{ background:url(../img/side_showcase.png) left top; margin-bottom:10px;}
#seconde_contents_r a#side_showcase:hover{ background:url(../img/side_showcase_on.png) left top;}

#topic .title
{
	font-weight: bold;
	font-size: 20px;
	color: #000;
	border-left:#3F69B3 solid 12px;
	padding:5px 0px 5px 6px;
	margin: 0px 0px 0.5em 0px;
}

#topic .subtitle {
 	font-weight: 600;
 	font-size: 18px;
	color:#545F27;
	padding:10px 0px 0px 10px;
}

#topic .top_section
{
	line-height: 1.5em;
	padding: 0px 0px;
}

#topic .section
{
	line-height: 1.7em;
	margin: 10px;
}

p.bluebk, dl.bluebk, ol.bluebk{
	background-color:#DDF1FC;
	line-height: 1.7em;
	margin:10px 5px;
	padding:15px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

dl.bluebk {padding:5px 15px;}
dl.bluebk dt{ font-size:14px; font-weight:bold; color:#666666; margin-top:10px;}
dl.bluebk dd{ margin:3px 0px 10px 20px;}

ol.bluebk li {margin-left:20px;}

dl.bluebk dd ol{ margin:0px; padding-left:10px;}

p.bluebk img, dl.bluebk img { margin:5px 0px 5px 10px;}

div#topimg {
	position:relative;
	width:600px;
	height:1225px;
	margin:0px auto 30px auto;

}

div#topimg a {
	display:block;
	position:absolute;
	right:20px;
	bottom:-60px;
	background:url(../img/btn_top_inst.png) no-repeat top left;
	width:120px;
	height:52px;
}
div#topimg a:hover {
	background:url(../img/btn_top_inst_on.png) no-repeat top left;
}

a.toplink {
	text-decoration:none;
	background:url(../img/nav_top.gif) no-repeat 6px 8px;
}

a.toplink:hover {
	background:url(../img/nav_top.gif) no-repeat 8px 8px;
}

.backtop {
	text-align:right;
	margin-top:25px;
}


img.float
{
	display:block;
	float: right;
	margin-left:1em;
}

h2#top_image {
	position:absolute;
	top:0;
	background:url(../img/top_image.png) no-repeat;
	width:950px;
	height:260px;
}

div.area {
	background:#FFF;
	height:auto;
	width:600px;
	position:relative;
	padding:10px 10px 10px 25px;
	margin:0px 0px 20px 0px;
}
div.area_2 {
	background:#FFF;
	height:auto;
	width:600px;
	position:relative;
	padding:10px 10px 20px 25px;
	margin:0px 0px 20px 0px;
	float:left;
}
div.area_3 {
	background:#FFF;
	height:auto;
	width:270px;
	position:relative;
	padding:10px 10px 10px 25px;
	margin:0px 0px 20px 0px;
	float:left;
}

p.news_area, p.about_area, p.plan_area, p.faq_area, p.banner_area {
	height:100%;
	width:15px;
	position:absolute;
	top:0;
	left:0;
	background-color: #3F69B3;
}

p.news_area {
	background:#F77869;
}
p.about_area {
	background:#02AAC6;
}
p.plan_area, p.faq_area{
	background:#FFAA55;
}
p.banner_area {
	background:#3F69B3;
}

.two_btn {
	width:600px;
	margin:10px auto;
}

.red {
	color:#FF0000;
}

.center {
	text-align:center;
}

#topnews {
	padding:15px;
	margin:15px 15px 40px 15px;
	width:auto;
	border:solid 3px #3F69B3;
	background-color:#EEF5FF;
}

#topnewsin {
	overflow-y:scroll;
	height:90px;
}

#topnewsin p {
	clear:both;
	height:20px;
	margin-bottom:5px;

}

#topnewsin span.day {
	display:block;
	float:left;
	margin-right:10px;
	font-weight:bold;
	color:#3F69B3;
	font-size:14px;
}

#topnewsin span.nwes_con {
	display:block;
	float:left;
	font-size:14px;
}

/*--footer--*/

#footer
{
	text-align: left;
	color: #FFFFFF;
	background:#3F69B3;
	height:auto;
	bottom:0px;
	padding-bottom:20px;
}

#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#EAD9ED;text-decoration:underline;}

#footer div#link_space {
	width:950px;
	margin:0px auto;
	padding:20px 0px;
}


#footer p#txt_link
{
	width: 500px;
	font-weight:bold;
	float:left;
}

#footer p#txt_link a {
	display:block;
	float:left;
	margin-right:20px;
	font-size: 13px;
}

#footer p#banner_link{
	width: 450px;
	text-align:right;
	float:left;
}
#footer p#banner_link a {
	display:block;
	float:right;
	margin-left:20px;
}
#footer p#banner_link a#bg_link {
	background:url(../img/bg_banner.png) no-repeat;
	width:200px;
	height:45px;
}
#footer p#banner_link a#bg_link:hover {background:url(../img/bg_banner_on.png) no-repeat;}
#footer p#banner_link a#gb_link {
	background:url(../img/bg_gb.png) no-repeat;
	width:130px;
	height:60px;
}
#footer p#banner_link a#gb_link:hover {background:url(../img/bg_gb_on.png) no-repeat;}
#footer p#banner_link a#tail_link {
	background:url(../img/bg_tail.png) no-repeat;
	width:60px;
	height:60px;
}
#footer p#banner_link a#tail_link:hover {background:url(../img/bg_tail_on.png) no-repeat;}

#footlogo
{
	width: 950px;
	margin: 0px auto;
	font-size:80px;
	font-weight:bold;
	color:#B28AB0;
}

#footlogo span
{
	display:block;
	position:relative;
	top:22px;
	text-align: right;
	left: 2px;
}

#top_table {}
#top_table img {margin:10px 20px;}
/*-------第二階層-----*/

a.dl{
	background:url(../img/btn_dl.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.dl:hover{background:url(../img/btn_dl_on.png) no-repeat;}
a.sell{
	background:url(../img/btn_sell.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.sell:hover{background:url(../img/btn_sell_on.png) no-repeat;}

a.plan2{
	background:url(../img/btn_plan2.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.plan2:hover{background:url(../img/btn_plan2_on.png) no-repeat;}
a.image{
	background:url(../img/btn_image.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.image:hover{background:url(../img/btn_image_on.png) no-repeat;}
a.pmc{
	background:url(../img/btn_pmc.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.pmc:hover{background:url(../img/btn_pmc_on.png) no-repeat;}
a.func{
	background:url(../img/btn_func.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.func:hover{background:url(../img/btn_func_on.png) left top no-repeat;}


a.faq2{
	background:url(../img/btn_faq2.png) no-repeat;
	display:block;
	width:280px;
	height:40px;
	margin:0px 10px;
	float:left;
}
a.faq2:hover{background:url(../img/btn_faq2_on.png) left top no-repeat;}

table.plan { margin:10px; width:600px; background-color:#333; }
table.plan_2015 { margin:10px; width:320px; background-color:#333; }

table.plan th, table.plan td, .plan_2015 th, .plan_2015 td{ padding:5px;}
table.plan th, .plan_2015 th{
	background-color:#3F69B3;
	color:#FFF;
}
table.plan th.l_th, .plan_2015 th.l_th{
	background-color:#6C9BD2;
}
table.plan td, .plan_2015 td{
	background-color:#FFF;
	text-align:center;
	}
table.plan td.right{
	text-align:right;
	padding-right:25%;
	}



table.s_shot td {padding:15px 10px;}

.s_shot td img { border:solid 1px #CCCCCC;}
.faq { margin:10px;}
.faq dt{ margin-left:10px; font-size:14px; font-weight:bold; color:#3F69B3;}
.faq dd{ margin:3px 0px 20px 20px;}

/*---------cvページ-------------*/
.cv { margin:10px;}
.cv dt{ margin-left:10px;font-weight:bold; color:#666666;}
.cv dd{ margin:3px 0px 20px 20px;}

dl.tips { margin:10px;clear:both;}
dl.tips dt{ float:left;width:11em;clear:both; font-weight:bold; color:#666666;}
dl.tips dd{ margin-left:11em;}

ul.bluebk{
	background-color:#DDF1FC;
	line-height: 1.7em;
	margin:10px 5px;
	padding:15px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

ul.bluebk{display:block;overflow:hidden;}
ul.bluebk li{list-style-type:none;display:block;width:270px;margin:5px;padding:0;float:left}
ul.bluebk li img{display:block;}

/*---downloadページ---*/
p.dl {
	padding-left:20px;
	background:url(../img/pdf.png) left top no-repeat;
	margin:5px 10px;
	clear:both;
}
p.dl span {
	color:#3F69B3;
	font-weight:bold;
	margin-right:10px;
}
p.dl a {
	color:#000;
}

p.dl a:hover {
	color:#666;
}

/*---newsページ--*/
div.news{
	margin:10px;
}

div.news p {
	border-bottom:dotted 2px #3F69B3;
	padding:15px 10px;
	clear:both;

}

div.news span.day {
	display:block;
	font-weight:bold;
	color:#3F69B3;
	font-size:14px;
	margin-bottom:5px;

}

div.news span.news_con {
	display:block;
	float:left;
	padding-left:15px;
}


div.news span.day b {
	color:#000;
}

/*--growthページ--*/
div.growth {
	margin:10px;
}

div.growth p.year {
	margin-bottom:10px;
	float:right;
	clear:both;
}


div.growth div {
	display:block;
	border-bottom:dotted 2px #3F69B3;
	padding:10px;
	clear:both;
}

div.growth span.day {
	display:block;
	font-weight:bold;
	color:#3F69B3;
	margin-bottom:5px;
	width:95px;
	float:left;
}

div.growth span.growth_con {
	display:block;
	float:left;
	padding-left:15px;
	width:470px;
}
div.growth ul.growth_con {
	display:block !important;
	padding: 0px 0px 0px 15px!important;
	margin-left: 0px!important;
	width:470px!important;
	float:left!important;
}