@charset "utf-8";

/* --------------------------------------------
CSS Information

File name: base.css
Summary: base style
Created: 2007-08-02
Last update: 2007-10-05
-------------------------------------------- */

/* ヘッダ箇所
--------------------------------------------------*/
.head {
	background: url(../img/common/bg_head.gif) repeat-x;
}
.headLayout {
	width: 859px;
	background: url(../img/common/head_bg.gif) repeat-x;
	border-right: 1px solid #D0D0D0;
	position: inherit;
	height: 96px;
}
/* 2012/07/31修正前 */
/*.head .logo {
	width: 337px;
	position: inherit;
	color: #7A7A7A;
	float: left;
	line-height: 1.4em;
	padding: 20px 0 7px 12px;
}
.head .logo img {
	margin: 4px 0 7px 0;
	position: absolute;
	top: 52px;
}
*/
.head .logo {
	width: 550px;
	position: inherit;
	color: #7A7A7A;
	float: left;
	line-height: 1.4em;
	padding: 7px 0 7px 12px;
	font-size:11px;
}
.head .headLayout h1.logo {
	
	/*line-height: 16px;*/
}

.head .logo img {
	margin: 0 0 7px 0;
	position: absolute;
	top: 40px;
}

.head .headBtn {
	width: 268px;
	float: right;
	padding: 0 6px 0 0;
}
.head .headBtn li {
	float: left;
	font-size: 0px;
}
.head .headTel {
	width: 206px;
	float: right;
	clear: right;
	padding: 0 14px 10px 0;
	height: 42px;
	line-height: 0;
}


/* コンテンツ大枠箇所
--------------------------------------------------*/
.content {
	background: url(../img/common/bg_content.gif) repeat-x right top;
	padding: 0;
	display: block;
}
.content .contentLayout {
	width: 860px;
	background: url(../img/common/content_bg.gif) repeat-y;
	display: block;
}
.content .leftColumn {
	width: 210px;
	float: left;
	background: url(../img/common/bg_navi.jpg) no-repeat left top;
}
.content .rightColumn {
	width: 650px;
	float: right;
}

/* ナビゲーション箇所
--------------------------------------------------*/

/*.menu {
	height:240px;
}

.menu ul {
width:195px;
margin:15px 5px 0 10px;
left:0;
}

ul {
	list-style: none;
}

.menu ul li {
	position: relative;
	margin:0;
	width: 195px;
	height:40px;
	list-style:none;
}
		
		
		
.menu ul li ul table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}
			
.menu ul li ul {
	visibility: visible;
			overflow: hidden;
			position: relative;
			top: 190px;
			left: 170px;
			width: 180px;
			height: 182px;
			background:  url(../img/common/navi_s_bg.gif) no-repeat center ;
		}
			.menu ul li ul li {
				margin-bottom: 0;
				width: 165px;
				height: 35px;
			}
		
		.menu ul li a {
			font-family: verdana, sans-serif;
			color: #fff;
			display: block;
			text-decoration: none;
			padding-left:0;
			height: 40px;
			/*line-height: 30px;
		}
		
		.menu ul li a:hover {
			position: relative;
			z-index: 100;
		}
		
		.menu ul li:hover ul ,
		.menu ul li a:hover ul {
			visibility: visible;
			overflow: visible;
			height: auto;
			z-index: 10;
		}*/

	/*.menu li.n01 { background: url(../img/common/n01.gif) left top no-repeat; }
	.menu li.n02 { background: url(../img/common/n02.gif) left top no-repeat; }
	.menu li.n03 { background: url(../img/common/n03.gif) left top no-repeat; }
	.menu li.n04 { background: url(../img/common/n04.gif) left top no-repeat; }
	.menu li.n05 { background: url(../img/common/n05.gif) left top no-repeat; }
	.menu li.n06 { background: url(../img/common/n06.gif) left top no-repeat; }
	

	.menu li.dtpde { background: url(../img/common/dtpde.gif) left top no-repeat; }
	.menu li.webde { background: url(../img/common/webpro.gif) left top no-repeat; }
	.menu li.webpro { background: url(../img/common/webpro.gif) left top no-repeat; }
	.menu li.cadcourse { background: url(../img/common/cad.gif) left top no-repeat; }
	.menu li.pccourse { background: url(../img/common/pc.gif) left top no-repeat; }*/
	
.naviBanner {
	clear:both;
	padding: 10px 10px 10px 14px;
}
		

/* 左カラムバナー箇所
--------------------------------------------------*/
.bannerBox {
	background: #E3E1D4 url(../img/common/banner_head.gif) no-repeat;
	width: 181px;
	padding: 7px 0 0 0;
	margin: 0 auto;
}
.bannerBox2 {
	background: url(../img/common/banner_footer.gif) no-repeat left bottom;
	text-align: center;
	padding: 0 0 7px 0;
}
.bannerBox p {
	margin: 0 auto 7px auto;
}
.bannerBox p.bottom {
	margin: 0 auto 0 auto;
}


/* コンテンツリンク箇所
--------------------------------------------------*/
.contentLink {
	padding: 10px 0 10px 210px;
	background: url(../img/common/content_bg.gif) repeat-y;
	clear: both;
}
.contentLink p {
	color: #787878;
	font-size: 12px;
	width: 650px;
	text-align: center;
	line-height: 16px;
}
.contentLink a {color: #787878;text-decoration:none;}
.contentLink a:hover {text-decoration:underline;}


/* フッター箇所
--------------------------------------------------*/
.footer {
	background: #E3E3E3 url(../img/common/bg_footer.gif) repeat-x left top;
	clear: both;
}
.footerLayout {
	width: 859px;
	background: url(../img/common/footer_link_bg.gif) no-repeat left top;
	padding: 12px 0 0 0;
	border-right: 1px solid #D0D0D0;
	background-color: #FFFFFF;
}
.footer .footerLayout p.pageTop {
	width: 84px;
	height: 10px;
	padding: 0 30px 1px 0;
	float: right;
}
.footer .footerLayout p {
	color: #787878;
	font-size: 12px;
	width: 650px;
	padding: 0 0 6px 18px;
	clear: both;
	line-height: 16px;
}
.footer .footerLayout a {color: #4242B7;text-decoration:none;}
.footer .footerLayout a:hover {text-decoration:underline;}
.footer .copy {
	background-color: #D0D0D0;
	width: 859px;
	border-right: 1px solid #D0D0D0;
}
.footer address {
	padding: 6px 0 20px 20px;
	margin: 0;
	font-size: 0px;
}

/*2010/10/4追加分*/
.footer .footerLayout dl {
	margin:0 0 6px 30px;
	padding:0;
	font-size:12px;
	color:#666;
}
.footer .footerLayout dl.top_dl{
	margin-top:15px;
}
.footer .footerLayout dl.last_dl {
	padding-bottom:20px;
}
.footer .footerLayout dl dt{
	float:left;
	width:180px;
	margin:0;
	padding:0;
}
.footer .footerLayout dl dd{
	float:right;
	width:630px;
	margin:0;
	padding:0;
}


/* 共通フレーム箇所
--------------------------------------------------*/
.frame01 {
	width: 620px;
	clear: both;
	padding: 8px 0 0 0;
	margin: 0 15px 15px 15px;
	background: url(../img/common/frame01_head.gif) no-repeat left top;
}
.frame01 .frame01Bg {
	background: url(../img/common/frame01_bg.gif) repeat-y;
	padding: 8px 20px;
}

.frame01 .frame02Bg {
	background: url(../img/common/frame01_bg.gif) repeat-y;
	padding: 20px 15px;
}
.frame01 .frame03Bg {
	background: url(../img/common/frame01_bg.gif) repeat-y;
	padding: 0px 15px 5px 15px;
}
.frame01 .frame01F {
	padding: 0 0 8px 0;
	background: url(../img/common/frame01_footer.gif) no-repeat left bottom;
}

.frame01 .framecourdetailBg {
	background: url(../img/common/frame01_bg.gif) repeat-y;
	padding:10px 15px 20px 15px;
	_padding:5px 15px 20px 15px;
}



/* トップページ箇所
--------------------------------------------------*/
.rightColumn .mainImg {
	/*background: url(../img/top/text_footer.gif) no-repeat left bottom;*/
	position:relative;/* 20120808追加 */
	padding: 0 0 10px 0;
}
.rightColumn .mainImg #btn_softset {
	position:absolute;
	width:166px;
	height:64px;
	right:28px;
	bottom:12px;
}

.rightColumn .mainCopy {
	background: url(../img/top/text_bg.gif) repeat-y;
}
.rightColumn .mainCopy img {
	float: left;
	width: 151px;
	height: 85px;
	font-size: 0px;
}

.rightColumn .mainCopy p {
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 470px;
	padding: 0 5px 4px 7px;
	color: #787878;
}
.contentTtl {
	padding: 5px 0 5px 15px;
	background: url(../img/icon/content_icon01.gif) no-repeat left top;
	font-size: 1em;
	line-height: 1.5em;
	color: #787878;
	margin: 0 0 10px 0;
}

.contentTtl02 {
	padding: 3px 0 5px 15px;
	background: url(../img/icon/content_icon02.gif) no-repeat left top;
	font-size: 1em;
	line-height: 1.3em;
	color: #787878;
	margin: 0 0 10px 0;
}

.contentTtl02 img{
	padding:0 0 8px 0;
}

.softCouse {
	padding: 13px 15px 0 15px;
	width: 255px;
	background: url(../img/top/soft_bg.gif) no-repeat left top;
	float: left;
	position: relative;
	
	
	
}
.softCouse2 {
	padding: 13px 15px 0 15px;
	width: 255px;
	background: url(../img/top/soft_bg.gif) no-repeat left top;
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	

}
.softChoice {
	background: url(../img/top/soft_list.jpg) no-repeat left 35px;
	width: 285px;
	float: left;
	position: relative;
	margin: 0 0 0 7px;

}
.softChoice h3 {
	text-align: left;
	width: 285px;
}

.softChoice .btn {
	text-align: right;
	padding: 85px 5px 0 0;
}
/* トップページCS4無償アップグレード予約受付用
--------------------------------------------------*/
.topinfo_cs4 {
	clear:both;
	margin:15px;
	padding:8px;
	border:solid 1px #cccccc;
}
.topinfo_cs4 h3 {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	padding:5px 0 0 3px;
}
.topinfo_cs4 h4 {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#333333;
	padding:5px 0 0 5px;
}
.topinfo_cs4 p {
	font-size:12px;
	color:#666666;
	padding:5px 10px;
	line-height:1.4em;
}
.topinfo_cs4 strong {
	color:#FF3300;
}
.topinfo_cs4 em {
	font-weight:bold;
	font-style:normal;
}
.topinfo_cs4 a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.topinfo_cs4 a:hover {
	text-decoration:underline;
}
/* CS4無償アップグレード予約専用ページ用
--------------------------------------------------*/
#wrap_cs4 {
}
.info_cs4ug {
	clear:both;
	margin:15px;
	padding:8px;
}
.info_cs4ug h2 {
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	padding:5px 0 0 3px;
}
.info_cs4ug h3 {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#333333;
	padding:5px 0 0 5px;
}
.info_cs4ug p {
	font-size:12px;
	color:#666666;
	padding:5px 10px;
	line-height:1.4em;
}
.info_cs4ug dl {
	font-size:12px;
	color:#666666;
	padding:5px 10px;
	line-height:1.4em;
}
.info_cs4ug dt {
	padding-top:8px;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
.info_cs4ug dd {
	padding:5px 0 0 5px;
}
.info_cs4ug strong {
	color:#FF3300;
}
.info_cs4ug em {
	font-weight:bold;
	font-style:normal;
}
.info_cs4ug a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.info_cs4ug a:hover {
	text-decoration:underline;
}
img.catch_cs4 {
	border-bottom:solid 1px #666666;
	display:block;
	margin-top:8px;
	padding-bottom:3px;
}
/* アカデミック版購入注意
--------------------------------------------------*/
.adobe_buy {
	display:block;
	background:#EEEEEE;
	text-decoration:none;
	margin:3px;
	padding:4px;
	color: #0000FF;
	font-size:12px;
	line-height:1.5;
}

.adobe_buy_block {
	font-size:12px;
	margin: 0px 25px 5px 30px;
	line-height: 1.5em;
}

.adobe_buy a {
	text-decoration:underline;
	font-weight: bold;
}

/* 各ソフトパッケージ設定
--------------------------------------------------*/
.softCouse .dtp  {background: url(../img/top/soft_dtp.jpg) no-repeat left top;padding: 0 0 15px 98px;}
.softCouse2 .web {background: url(../img/top/soft_web.jpg) no-repeat left top;padding: 0 0 15px 98px;}
.softCouse .webp {background: url(../img/top/soft_webp.jpg) no-repeat left top;padding: 0 0 15px 98px;}
.softCouse2 .cad {background: url(../img/top/soft_cad.jpg) no-repeat left top;padding: 0 0 15px 98px;}
.softCouse .pc   {background: url(../img/top/soft_pc.jpg) no-repeat left top;padding: 0 0 15px 98px;}


.softCouse h3 , .softCouse2 h3 {
	padding: 0 0 13px 0;
}

.softCouse .textLine , .softCouse2 .textLine {
	background: url(../img/common/line.gif) repeat-x left center;
	margin: 0 0 7px 0;
}


.softCouse .textLine p , .softCouse2 .textLine p {
	background: #F4F3EF;
	display: inline;
	padding: 0 3px 0 0;
	font-size: 1.2em;
	color: #5A5A5A;
	font-weight: bold;
}
.softCouse .softList , .softCouse2 .softList {
	font-size: 1em;
	line-height: 1.2em;
	color: #787878;
}

.softCouse2 .softList02 {
	font-size: 1em;
	line-height: 1.2em;
	padding:0 0 2em 0;
	color: #787878;
}



.softCouse .btn , .softCouse2 .btn {
	width: 104px;
	padding: 8px 0 10px 0;
}

.softCouse .btn02 , .softCouse2 .btn02 {
	width: 104px;
	padding: 27px 0 10px 0;
}

.softCouse .btn03 , .softCouse2 .btn03 {
	width: 104px;
	padding: 20px 0 11px 0;
}
/* 価格改定注意（2009/09/16追加）
--------------------------------------------------*/
dl.priceChng {
	margin:0 15px 10px 15px;
}
.priceChng dt {
	background:#0d6bb3;
	border:solid 1px #e1e1e1;
	font-size:1.6em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0;
	padding:5px;
}
.priceChng dd {
	border:solid 1px #e1e1e1;
	background:#FFF;
	font-size:1.3em;
	line-height:1.6em;
	margin:0;
	padding:5px 10px;
	color:#787878;
}
.tb_priceChng {
	border-collapse:collapse;
	color:#787878;
	font-size:1.2em;
}
.tb_priceChng td,th {
	border:solid 1px #e1e1e1;
	padding:5px;
}
.tb_priceChng th {
	text-align:center;
	background:#0d6bb3;
	color:#FFFFFF;
}
/* 新価格改定（2009/10/19追加）
--------------------------------------------------*/
.soft_choiceBg {
	position:relative;
	width:560px;
	margin:5px 5px 10px 5px;
	padding:5px;
	background:url(../img/top/soft_choiceBG.gif) no-repeat left top;
}
.soft_choiceBg .main_img {
	float:left;
	display:block;
	margin-right:10px;
}
.soft_choice_ttl {
	font-size:18px;
	font-weight:bold;
	margin:0 20px 10px 0;
	padding-bottom:2px;
	border-bottom: double 3px #cc1212;
	font-family:Arial, Helvetica, sans-serif;
	color:#cc1212;
}
.soft_choice_txt {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 0 15px 0;
	line-height:1.6em;
	color:#5A5A5A;
}

.soft_choice_txt2 {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:1.6em;
	color:#5A5A5A;
	text-indent:3em;
}

.soft_choice_txt span,.soft_choice_txt2 span {
	font-size:18px;
	font-weight:bold;
	color:#fe0000;
}

.soft_choice_txt span span,.soft_choice_txt2 span span {
	font-size:30px;
}
.soft_choice_btn {
	position:absolute;
	width:70px;
	height:30px;
	right:30px;
	top:80px;
}

/* プラス1講座キャンペーン用（2010/1/19追加）
--------------------------------------------------*/
#camp_cont {
	margin:10px;
	font-size:12px;
	line-height:1.4em;
	color:#666666;
}

#camp_cont h4 {
	font-size:14px;
	font-weight:bold;
	border-top:#CC0033 solid 3px;
	border-bottom:#666666 solid 1px;
	padding:5px 0 5px 10px;
	color:#CC0033;
}

#camp_cont h5 {
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px 7px;
}

.camp_box {
	padding:10px;
	margin-bottom:30px;
}

.camp_box p {
	width:440px;
	line-height:1.6em;
}

#detail_box {
	width:540px;
	margin:0;
	padding:0 10px;
	font-size:12px;
	color:#666666;
}

#detail_box dt {
	font-weight:bold;
	margin:5px 0;
}

#detail_box dd {
	font-weight:bold;
	margin:0 0 5px 20px;
	font-weight:normal;
}

.det_tit {
	font-size:14px;
	font-weight:bold;
	border-top:#CC0033 solid 3px;
	border-bottom:#666666 solid 1px;
	padding:5px 0 5px 10px;
	margin:10px 0 20px 0;
	color:#CC0033;
}

/* 6/7追加、course.html用----------------------------
------------------------------------------------------*/
.courseWrap {
	width: 620px;
	clear: both;
	padding: 8px 0 0 0;
	margin: 0 15px 15px 15px;
}
.courseFrame {
	font-size:12px;
	color:#787878;
	margin-bottom:30px;
}

.courseFrame p {
	margin:1em;
	line-height:1.4em;
}

.courseFrame h2 {
	background:url(../img/soft/bg_curseTtl.gif) no-repeat left center;
	height:23px;
	font-size:18px;
	color:#c61616;
	font-weight:bold;
	line-height:23px;
	padding-left:12px;
	margin-bottom:12px;
	margin-top:12px;
}

.courseFrame h3 {
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin:10px 0 0 16px;
}

.courseFrame h4 {
	background:url(../img/soft/bg_courseTtl02.gif) no-repeat left center;
	height:23px;
	line-height:23px;
	font-size:14px;
	color:#b36e29;
	font-weight:bold;
	margin-left:20px;
	margin-right:20px;
	padding-left:20px;
}

.courseDetlist{
	width:558px;
	margin:12px 25px;
	padding:10px 5px;
	border-top:solid 1px #ddd3c9;
	border-bottom:solid 1px #ddd3c9;
}

.courseDetlist ul.list01{
	width:267px;
	float:left;
}
.courseDetlist ul.list01 li {
	background:url(../img/icon/content_icon04.gif) no-repeat left center;
	list-style-position:outside;
	padding-left:12px;
	line-height:1.4em;
}
.courseDetlist ul.list02{
	width:267px;
	float:left;
}
.courseDetlist ul.list02 li {
	background:url(../img/icon/content_icon04.gif) no-repeat left center;
	list-style-position:outside;
	padding-left:12px;
}

.courseTable {
	background:url(../img/soft/bg_courseTable.gif) no-repeat top left;
	width:580px;
	margin:12px 20px;
	padding:0;
	border-collapse:collapse;
}
.courseTable th {
	height:30px;
	text-align:center;
	margin:0;
	padding:0;
	border:none;
	color:#FFFFFF;
}
.courseTable td {
	padding:6px;
	line-height:1.4em;
	border-top:solid 1px #b36e29;
}
.courseTable_btm {
	background:url(../img/soft/bg_courseTable_btm.gif) no-repeat bottom left;
	height:5px;
	margin:0;
	padding:0;
	border:none;
	font-size:1px;
}
.txt_blunBold {
	color:#b36e29;
	font-weight:bold;
}

.txt_redBold{
	color:#D83B3B;
	font-weight:bold;
}

.txt_blue {
	color:#0000FF;
}

.btm_link {
	text-align:center;
	font-weight:bold;
	font-size:11px;
}
.btm_link a {
	text-decoration:none;
	color:#787878;
}

/* 6/7追加、index.html用----------------------------
------------------------------------------------------*/
.tb_course {
	width:580px;
	margin:0 20px;
	padding:0;
	border:none;
}
.tb_course td {
	margin:0;
	padding:0;
	height:50px;
}

.courseTtl {
	heigt
}

/* 2010/8/4追加　*/
.attention_box {
	background:#FFFFDF;
	color:#00F;font-size:12px; 
	margin:10px 15px; 
	padding:10px; 
	line-height:1.4em; 
	border:solid 1px #CCC;
}

.attention_box strong {
	color:#F00;
}

/* 2011/06/02追加 */

.price_red {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#9d1010;
	font-size:10px;
	font-weight:bold;
	line-height:1.7em;
}

/*.price_red span {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#D83B3B;
	font-size:10px;
	font-weight:bold;
	display:block;
	text-align:right;
	margin-top:0;
	padding-top:0;
}*/
.price_red span {
	font-size:14px;

}

.price_gray {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#787878;
	font-size:10px;
	
	line-height:1.7em;
}

.price_gray span {
	color:#D83B3B;
	font-size:12px;
	font-weight:bold;
}

.price_gray strong {
	font-size:18px;
	color:#D83B3B;
	font-weight:bold;
}

.price_gray b {
	color:#D83B3B;
	font-weight:bold;
}

/* 2011/06/04 追加分 */
.soft_selection {
	position:relative;
	width:560px;
	margin:5px 5px 15px;
	padding:5px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	background:url(../img/top/soft_choiceBG.gif) no-repeat top left;
}

.soft_selection h3 {
	font-size:18px;
	/*color:#cc1212;*/
	font-weight:bold;
	border-bottom:double 3px #cc1212;
	margin:0 30px 10px 0;
	padding-bottom:1px;
}

.soft_selection p.txt01 {
	position:absolute;
	width:175px;
	top:40px;
	left:115px;
	font-size:10px;
	text-align:center;
}
.soft_selection p.txt01 span {
	font-size:8px;
}


.soft_selection p.txt02 {
	position:absolute;
	width:135px;
	top:40px;
	left:290px;
	font-size:20px;
	color:#cc1212;
	font-weight:bold;
	
}

.soft_selection p.txt02 span {
	font-size:10px;
	color:#000000;
	font-weight:normal;
}

.soft_selection p.txt03 {
	position:absolute;
	width:160px;
	top:95px;
	left:140px;
	font-size:10px;
}

.soft_selection p.txt04 {
	position:absolute;
	width:130px;
	top:90px;
	left:300px;
	font-size:16px;
	color:#cc1212;
	font-weight:bold;
}

.soft_selection p.txt04 span {
	font-size:26px;
}

.soft_selecton_btn {
	position:absolute;
	width:70px;
	height:30px;
	bottom:40px;
	right:30px;
}
.img_left {
	float:left;
	margin-right:10px;
}

/*2011/06/09追加分（オンライン講座ページ用）*/
table.tb_courseicon {
	margin:0 10px 20px;
	padding:0;
	border:none;
}

table.tb_courseicon td {
	margin:0;
	padding:0;
}

table.tb_courseicon td a {
	display:block;
	width:180px;
	height:30px;
	margin:0 5px 5px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}

table.tb_courseicon td a.course_ai {background:url(../img/soft/icon_course_ai.jpg)}
table.tb_courseicon td a.course_ps {background:url(../img/soft/icon_course_ps.jpg)}
table.tb_courseicon td a.course_dw {background:url(../img/soft/icon_course_dw.jpg)}
table.tb_courseicon td a.course_fl {background:url(../img/soft/icon_course_fl.jpg)}
table.tb_courseicon td a.course_as {background:url(../img/soft/icon_course_as.jpg)}
table.tb_courseicon td a.course_id {background:url(../img/soft/icon_course_id.jpg)}
table.tb_courseicon td a.course_pr {background:url(../img/soft/icon_course_pr.jpg)}
table.tb_courseicon td a.course_ae {background:url(../img/soft/icon_course_ae.jpg)}

table.tb_courseicon td a.course_ai:hover {background:url(../img/soft/icon_course_ai-on.jpg)}
table.tb_courseicon td a.course_ps:hover {background:url(../img/soft/icon_course_ps-on.jpg)}
table.tb_courseicon td a.course_dw:hover {background:url(../img/soft/icon_course_dw-on.jpg)}
table.tb_courseicon td a.course_fl:hover {background:url(../img/soft/icon_course_fl-on.jpg)}
table.tb_courseicon td a.course_as:hover {background:url(../img/soft/icon_course_as-on.jpg)}
table.tb_courseicon td a.course_id:hover {background:url(../img/soft/icon_course_id-on.jpg)}
table.tb_courseicon td a.course_pr:hover {background:url(../img/soft/icon_course_pr-on.jpg)}
table.tb_courseicon td a.course_ae:hover {background:url(../img/soft/icon_course_ae-on.jpg)}


/*2011/06/15追加分（トップページ修正用）*/
div.soft_select {
	position:relative;
	width:560px;
	margin:5px 5px 15px;
	padding:5px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	background:url(../img/top/soft_choiceBG.gif) no-repeat top left;
}

div.soft_select h3 {
	font-size:18px;
	font-weight:bold;
	border-bottom:double 3px #cc1212;
	margin:0 30px 3px 0;
	padding-bottom:0;
}

/* 2012/7/31修正前 */
/*div.soft_select p.select01 {
	position:absolute;
	width:350px;
	top:40px;
	left:110px;
	font-size:10px;
	font-weight:bold;
}
div.soft_select p.select01 span {
	font-size:8px;
}
div.soft_select p.select01 strong {
	font-size:12px;
	color:#cc1212;
}*/
div.soft_select p.select01 {
	position:absolute;
	width:400px;
	top:40px;
	left:110px;
	font-size:12px;
	font-weight:bold;
}

div.soft_select p.select01 span {
	font-size:10px;
}

div.soft_select p.select01 strong {
	font-size:14px;
	color:#cc1212;
}

div.soft_select p.select01p {
	position:absolute;
	width:185px;
	top:40px;
	left:105px;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}

div.soft_select p.select01p span {
	font-size:8px;
}

div.soft_select p.select02 {
	position:absolute;
	width:120px;
	top:45px;
	left:292px;
	font-size:20px;
	color:#cc1212;
	font-weight:bold;

}

div.soft_select p.select03 {
	position: absolute;
	width: 350px;
	top: 77px;
	left: 130px;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-align: right;
}

div.soft_select p.select03 strong {
	font-size:22px;
	color:#cc1212;
	margin-left:3px;
}

div.soft_select p.select03 em {
	font-size:10px;
	font-weight:bold;
	color:#cc1212;
}

div.soft_select p.select04 {
	position:absolute;
	width:380px;
	top:77px;
	left:120px;
	font-size:10px;
	/*text-align:right;*/
}

div.soft_select p.select04 span {
	text-decoration:underline;
	font-weight:bold;
}

div.soft_select p.select04 strong {
	font-size:12px;
	color:#cc1212;
}

div.soft_select p.select05 {
	position:absolute;
	width:130px;
	top:80px;
	left:300px;
	font-size:16px;
	color:#cc1212;
	font-weight:bold;
}
div.soft_select p.select05 span {
	font-size:26px;
}

.soft_select_btn {
	position:absolute;
	width:70px;
	height:30px;
	bottom:30px;
	right:20px;
}

.landing02_point {
	display:block;
	background:#EEEEEE;
	text-decoration:none;
	margin:3px;
	padding:4px;
	color: #666;
	font-size:12px;
	line-height:1.5;
}

.landing02_point em {
	color: #F00;
	font-weight: bold;	
}

/* 2012/08/08追加分 */
.tit_area_softset {
	position:relative;
	background:url(../img/top/bg_tit_softset.gif) left top no-repeat;
	width:580px;
	height:83px;
	margin-bottom:20px;
}
.tit_area_softset h2 {
	margin:0 0 6px 20px;
	padding:5px 0;
	border-bottom:dotted 1px #666;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	font-weight:bold;
	color:#CB0505;
}
.tit_area_softset h2 span {
	font-size:12px;
	color:#333;
}
.tit_area_softset p {
	font-size:1.2em;
	line-height:1.4;
	color:#666;
}
.tit_area_softset .box_left {
	float:left;
	margin-left:20px;
	width:430px;
	background:#EEEEEE;
	padding:3px 5px;
	color:#00C;
}
.tit_area_softset .box_right {
	float:right;
	width:110px;
	padding:3px 0;
}
.caution_buy {
	margin-bottom:15px;
}
.caution_buy .box_L {
	float:left;
	width:440px;
	background:#EEE;
	padding:3px 10px;
	color:#00C;
	font-size:12px;
}
.caution_buy .box_R {
	float:right;
	width:110px;
	padding:3px;
}