/*------------------------------
 リセット
------------------------------*/
* {
     margin: 0;
     padding: 0;
     text-decoration: none;
     font-size: 100%;
     font-style: normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p
,blockquote,th,td {
     margin: 0;
     padding: 0;
}
html {
     overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6 {
     font-size: 100%;
     font-weight: normal;
}

ol,ul {
     list-style: none;
}
fieldset,img {
     border: 0;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
caption,th {
     text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style: normal;
}

/*------------------------------
 共通
------------------------------*/
img{
	vertical-align:bottom;
}

li.arrow {
	padding-left:17px;
	background:url(/common/img/tool/arrow_blue.gif) left top no-repeat;
}

.bottom5{
	margin-bottom:5px;
}

/*------------------------------
 レイアウト
------------------------------*/

#content{
	font-size:80%;
	color:#333;
/*	font-family: ＭＳ Ｐゴシック,Osaka,Arial;*/
	line-height:140%;
	letter-spacing:0.04em;
	background:#f5f5f5;
}
#content a{
	color: #333;
}
#content a:hover{
	color: #001187;
}
#contentInner{
	width:960px;
	margin:0 auto;
	padding:10px 0 0 0;
}

#contentLeft {
	width:690px;
	float:left;
	padding-right:20px;
}

#contentRight{
	width:250px;
	float:left;
}

/*------------------------------
 コンテンツ左側
------------------------------*/

/*-----  ショップからのお知らせ -----*/
h2.shopnews{
	width:276px;
	height:46px;
	float:left;
	background:url(/img_tops/ttl_shopnews.gif) left no-repeat;
	text-indent:-9999px;
}

div.shopnews_nav {
	float:right;
	margin: 0 0 10px 10px;
}

div.shopnews_nav a{
	padding-left:10px;
	text-decoration:underline;
}

div.shopnews_nav a:hover{
	text-decoration:underline;
	color:#ff5400;
}

div.shopnews_nav em a{
	background:none;
}

div.shopnews_nav em img{
	vertical-align: middle;
}

/*-----  ショップからのお知らせ（３つの枠） -----*/

.shopNewsArea{
	margin:0 0 30px 0;
}

.shopNewsArea ul li{
	float:left;
	width:222px;
	margin-right:11px;
}

.shopNewsArea ul li a{
	height:183px;
	background:url(/img_tops/bk_shopnews_01.gif) left top no-repeat;
	display:block;
	position:relative;
	text-decoration:none;
}

.shopNewsArea ul li a:hover{
	background:url(/img_tops/bk_shopnews_02.gif) left top no-repeat;
	text-decoration:underline;
}


.shopNewsArea ul li div.ttl{ /*2011.2.24修正*/
	position:relative;
	padding:7px 0 5px 10px;
}

.shopNewsArea ul li div.ttl img.endsoon{ /*2011.2.24追加*/
	position:absolute;
	top:5px;
	right:6px;
}

.shopNewsArea ul li h3{
	font-size:113%;
	line-height:110%;
	font-weight:bold;
	padding:5px 10px 10px 10px;
}

.shopNewsArea ul li h3.ttl_L{
	font-size:105%;
	line-height:105%;
	font-weight:bold;
	padding:5px 10px 2px 10px;
}

.shopNewsArea ul li .float_l{
	float:left;
	width:60px;
}

.shopNewsArea ul li .float_r{
	float:right;
	width:147px;
}

.shopNewsArea ul li .float_l p{
	padding-left:10px;
}

.shopNewsArea ul li .float_r p{
	padding-right:10px;
}

.shopNewsArea ul li .float_r a{
	display:block;
	padding-left:17px;
	margin-top:5px;
	background:url(/common/img/tool/arrow_blue.gif) no-repeat;
}

.shopNewsArea ul li p.more{
	margin-top:5px;
	padding-left:18px;
	font-weight:bold;
	background:url(/common/img/tool/arrow_blue.gif) left top no-repeat;
}

/*-----  ショップからのお知らせ（２つの枠） -----*/
.shopNewsArea_l{
	margin:0 0 15px 0;
}

.shopNewsArea_l ul li{
	float:left;
	width:333px;
	margin-right:11px;
}

.shopNewsArea_l ul li a{
	height:183px;
	background:url(/img_tops/bk_shopnews_01_l.gif) left top no-repeat;
	display:block;
	position:relative;
	text-decoration:none;
}

.shopNewsArea_l ul li a:hover{
	background:url(/img_tops/bk_shopnews_02_l.gif) left top no-repeat;
	text-decoration:underline;
}


.shopNewsArea_l ul li div.ttl{ 
	position:relative;
	padding:7px 0 5px 10px;
}

.shopNewsArea_l ul li div.ttl img.endsoon{ 
	position:absolute;
	top:5px;
	right:6px;
}

.shopNewsArea_l ul li h3{
	font-size:113%;
	line-height:110%;
	font-weight:bold;
	padding:5px 10px 2px 10px;
}

.shopNewsArea_l ul li .float_l{
	float:left;
	width:60px;
}

.shopNewsArea_l ul li .float_r{
	float:right;
	width:258px;
}

.shopNewsArea_l ul li .float_l p{
	padding-left:10px;
}

.shopNewsArea_l ul li .float_r p{
	padding-right:10px;
}

.shopNewsArea_l ul li .float_r a{
	display:block;
	padding-left:17px;
	margin-top:5px;
	background:url(/common/img/tool/arrow_blue.gif) no-repeat;
}

.shopNewsArea_l ul li p.more{
	margin-top:10px;
	padding-left:18px;
	font-weight:bold;
	background:url(/common/img/tool/arrow_blue.gif) left top no-repeat;
}




/*-----  教育・ソリューション向け -----*/
h2.education_solution{
	width:690px;
	height:18px;
	margin:0 0 10px 0;
	text-indent:-9999px;
	background:url(/img_tops/ttl_education.gif) no-repeat;
}

h3.education{
	width:334px;
	height:45px;
	text-indent:-9999px;
	background:url(/img_tops/ttl_s_education.jpg) no-repeat;
}

h3.solution{
	width:334px;
	height:45px;
	text-indent:-9999px;
	background:url(/img_tops/ttl_s_solution.jpg) no-repeat;
}

.educationArea {
	margin-bottom:20px;
}

.educationArea ul li.eduBox{
	float:left;
	margin-right:20px;
}

.educationArea li div{
	width:334px;
	height:118px;
	background:url(/img_tops/bk_education.gif) no-repeat;
}

.educationArea li p{
	padding:10px;
	background:#fff;
	line-height:140%;
}
	
.educationArea ul li ul{
	padding:0 0 0 10px;
}


/*-----  メガソフトについて -----*/
h2.aboutCompany{
	width:690px;
	height:18px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(/img_tops/ttl_aboutcompany.gif) no-repeat;
}

.aboutCompanyArea {
	position:relative;
	width:690px;
	height:88px;
	background:url(/img_tops/bk_aboutcompany.jpg) no-repeat;
}

.aboutCompanyArea h3{
	text-indent:-9999px;
}

.aboutCompanyArea ul{
	position:absolute;
	top:58px;
	left:19px;	
}

.aboutCompanyArea ul li{
	float:left;
	margin-right:15px;
	
}


/*------------------------------
 コンテンツ右側
------------------------------*/

/*-----  サービス関連 -----*/
h2.service{
	width:250px;
	height:18px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(/img_tops/ttl_service.gif) no-repeat;
}

.serviceArea {
	margin-bottom:15px;
}

.serviceArea .article {
  border-bottom: 1px dotted #999;
  margin: 0 auto;
  padding: 5px 0;
  text-align: left;
  width: 250px;
}

.serviceArea .article h3{
	font-size:110%;
	font-weight:bold;
	padding:0 0 5px 0;
	line-height:120%;

}

.serviceArea .article .imgBox{
	float:left;
	width:65px;
}

.serviceArea .article .capBox{
	float:left;
	width:185px;
	line-height: 150%;
}


/*-----   新着情報 -----*/
h2.side_title{
	width:250px;
	height:18px;
	margin-bottom:10px;
	color: #144690;
	font-size: 18px;
}

.whatsnewArea{
	margin-bottom:15px;
}

.whatsnewArea dl dt{
	font-weight:bold;
}

.whatsnewArea dl dd{
	margin-bottom:5px;
	padding-left: 15px;
	background:url(/common/img/tool/navi_yaji_2.gif) left 6px no-repeat;
	width:240px;
}
.whatsnewArea img{
	vertical-align:top;
}


/*-----  ツイッター 社長ブログ -----*/
.commuArea {
	margin-bottom:40px;
}

.commuArea ul{
	width:250px;
	margin-bottom:10px;
	border-top: 2px solid #bbb;
	border-bottom:1px dotted #B9B9B9;
}

.commuArea ul li{
	display:block;
	padding:7px 10px 7px 17px;
	float:left;
	background:url(/img_tops/ico_twit.gif) left 5px no-repeat;
}

.commuArea .article h3{
}

.commuArea .article h3 em{
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(/img_tops/ttl_blog.gif) 60px top no-repeat;
}

.commuArea .article h3 a.toblog{
	padding:2px 0 2px 17px;
	background:url(/common/img/tool/arrow_orange.gif) left no-repeat;
}

.commuArea .article h3 img {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

/*------------------------------
  noscript時imagemap
------------------------------*/
dl#imagemap{
	position:relative;
	width:960px;
	height:500px;
	background:url(/img_tops/main_prd.jpg) no-repeat;
}
dl#imagemap dt{
	display:none;
}
dl#imagemap dd.myhome a{
	position:absolute;
	width:310px;
	height:105px;
	top:15px;
	left:5px;
}
dl#imagemap dd.interior a{
	position:absolute;
	width:310px;
	height:105px;
	top:15px;
	left:325px;
}

dl#imagemap dd.reform a{
	position:absolute;
	width:310px;
	height:105px;
	top:15px;
	left:645px;
}	

dl#imagemap dd.office a{
	position:absolute;
	width:310px;
	height:105px;
	top:140px;
	left:5px;
}
dl#imagemap dd.fudousan a{
	position:absolute;
	width:310px;
	height:105px;
	top:140px;
	left:325px;
}
dl#imagemap dd.kpln a{
	position:absolute;
	width:310px;
	height:105px;
	top:140px;
	left:645px;
}	
dl#imagemap dd.illustrationworks a{
	position:absolute;
	width:310px;
	height:105px;
	top:265px;
	left:5px;
}
dl#imagemap dd.starfax a{
	position:absolute;
	width:310px;
	height:105px;
	top:265px;
	left:325px;
}
dl#imagemap dd.mifes a{
	position:absolute;
	width:310px;
	height:105px;
	top:265px;
	left:645px;
}	
dl#imagemap dd.illust a{
	position:absolute;
	width:310px;
	height:105px;
	top:390px;
	left:5px;
}
dl#imagemap dd.utility a{
	position:absolute;
	width:310px;
	height:105px;
	top:390px;
	left:325px;
}
dl#imagemap dd.security a{
	position:absolute;
	width:310px;
	height:105px;
	top:390px;
	left:645px;
}