@charset "utf-8";
@import url(default.css);
/***************************************************
	HTML
--------------------------------------------------*/
body {
	width:100%;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#434343;
}
body {
	background:#E5E5E5 url(../img/layout/bg.gif) top repeat-x;
}
th label {
	display:block;
	width:100%;
}

p{
	letter-spacing:0.02em;
	line-height:1.6;
	margin:0.5em auto 1em;
}
/***************************************************
	a
--------------------------------------------------*/
a {
	color:#0044CC;
	text-decoration:underline;
}
a:hover {
	color:#0095d9 !important;
	text-decoration:none;
}
/***************************************************
	layout
***************************************************/

/* wrapper */
#wrapper{
	width:980px;
	margin:0 auto;
	padding-top:115px;
	position:relative;
}

#agreement #wrapper {
	padding-top:20px;
}

/* portal */
#portal #wrapper{
	background:url(../img/top/bg_www.jpg) top center no-repeat;
	width:100%;
	padding-top:0;
}
#portal #header{
	width:980px;
	top:520px;
	position:absolute;
	left:50%;
margin-left: -490px;
}
#portal #content{
	width:980px;
	margin:0 auto 25px;
	padding-top:0;
	position:relative;
}
#portal #mainVisual{
	height:580px;
}
#portal #mainVisual h1.logo{
	margin:0;
	padding:0;
	position:absolute;
	top:140px;
	left:570px;
}
#portal #mainVisual .text{
	margin:0;
	padding:0;
	position:absolute;
	top:250px;
	left:570px;
}
#portal #pr{
	clear:both;
	overflow:hidden;
}
#portal #pr ul{
	margin:0 0 25px;
	padding:0;
	height:210px;
	overflow:hidden;
}
#portal #pr li{
	float:left;
	margin:0;
	padding:0;
	cursor: pointer;
	list-style:none;
}
#portal #pr li.last{
	margin-left:20px;
	margin-right:0;
}
#portal #topNews {
	background:url(../img/layout/bg_news-trans.png) left top no-repeat;
	height:25px;
	overflow:hidden;
	padding:5px;
}
#portal #topNews dl {
	margin:0;
	padding:0;
	height:25px;
	font-size:12px;
}
#portal #topNews dt {
	width:100px;
	padding:0 20px 0 15px;
	margin-right:15px;
	float:left;
	border-right:1px solid #B5B5B5;
	line-height:25px;
	color:#313131;
}
#portal #topNews dd {
	float:left;
	line-height:25px;
}
#portal #topNews a {
	width:795px;
	padding:0 20px 0 0;
	color:#313131;
	display:block;
	text-decoration:none;
}
#portal #footer,
#message #footer{
	width:980px;
	margin:0 auto;
	padding:20px 0 0;
	overflow:hidden;
	position:relative;
	background:url(../img/layout/bg_border.gif) top repeat-x;
}

#portal #footer ul,
#message #footer ul{
padding:0;
margin:0;
}

#portal #footer ul li,
#message #footer ul li{
padding:0 12px 0 0;
margin:0 9px 0 0;
text-align:left;
display:inline;
font-size:1.2em;
border-right:1px solid #BFBFBF;
}

#portal #footer ul li.last,
#message #footer ul li.last{
border-right:none;
}

#portal #footer ul li.last,
#message #footer ul li.last{
border-right:none;
}

#portal #footer ul li a,
#message #footer ul li a{
text-shadow:0 1px 0 #FFFFFF;
color:#626262;
text-decoration:none;
}

/* content */
#content{
	margin-bottom:20px;
	width:100%;
	font-size:1.2em;
}
#content{
	margin-bottom:25px;
	width:100%;
	font-size:1.2em;
	background:url(../img/layout/round1_c.gif) repeat-y left;
}
#index.user #content{
	background:url(../img/layout/round1_c.gif) repeat-y left;
}
#portal #content,
#index #content{
	background:none;
}
#contentWrap{
	background:url(../img/layout/round1_t.gif) center top no-repeat;
	margin-bottom:0;
}
#index #contentWrap{
	background:url(../img/layout/round1_t.gif) center top no-repeat;
	margin-bottom:0;
}
#feature.plus #contentWrap{
/*	background:url(../img/plus/futureBlock01.png) center top no-repeat;*/
/*background:url(../img/plus/futureBlock01_01.png) center top no-repeat;*/
background:url(../img/plus/futureBlock01_02.png) center top no-repeat;
}
#feature.free #contentWrap{
/*	background:url(../img/free/futureBlock01.png) center top no-repeat;*/
background:url(../img/free/futureBlock01_wide.png) center top no-repeat;
}
#contentInner{
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	background:url(../img/layout/round1_b.gif) left bottom no-repeat;
}
.user #contentInner{
	background:none;
}
.phpBBcopyright{
	background:url(../img/layout/round1_b.gif) left bottom no-repeat;
	padding:0 0 20px;
	color:#B5B5B5;
	font-size:10px;
	text-align:center;
}
.phpBBcopyright a{
	color:#B5B5B5;
}

.disc{
	margin:0 0 45px;
	color:#A0A0A0;
	z-index:10;
}
.subdisc{
	margin:0 0 35px;
	color:#A0A0A0;
	z-index:10;
}
.wide h1{
	padding-top:55px;
	text-align:center;
	margin:0 0 10px;
	z-index:10;
}
.wide p.disc{
	margin:0 0 32px;
	text-align:center;
}
.box_l h2{
	font-size:1.2em;
	font-weight:normal;
	color:#000;
}
.box_topLine {
	padding:15px 25px;
	background:url(../img/layout/bg_topLine.png) top center no-repeat;
}
.box_topLine p{
	color:#626262;
}

/* #mainBlock */
#mainBlock{
	float:right;
	width:660px;
	padding:44px 30px 60px 39px;
	border-left:1px solid #DCDCDC;
	overflow:hidden;
	position:relative;
}
#mainBlock{
	font-size:14px;
	letter-spacing: 0;
}
#mainBlock h1 {
  margin:0 0 20px;
	color:#313131;
	font-size:190%;
}
#mainBlock h1 img {
  margin-top:10px;
}
#mainBlock h2 {
background: url(../img/layout/bg_h2.gif) left bottom repeat-x;
padding:5px 5px 10px;
margin:2em 0 1em;
color:#313131;
font-size:140%;
}
#mainBlock h3,
#contentInner h3{
	padding:5px;
  margin:2em 0 1em;
	font-size:130%;
	color:#434343;
	background:#F5F5F5;
}
#mainBlock h4,
#contentInner h4{
  background: url(../img/common/line_dot02.gif) repeat-x left bottom;
  margin:2em 0 1em;
  padding:0 3px 5px;
	font-size:115%;
}
#mainBlock h5,
#contentInner h5 {
	border-bottom:1px solid #DCDCDC;
	margin: 2em 0 1em;
	padding:0 3px 5px;
}
#mainBlock h6,
#contentInner h6 {
	border-left:3px solid #B5B5B5;
	margin: 2em 0 1em;
	padding:0 0 0 10px;
}
#mainBlock ul,
#contentInner ul {
    margin:1em 0.5em 1em 0.2em;
}
#mainBlock ol,
#contentInner ol {
    margin:1em 0.5em 1em 1.8em;
}
#mainBlock ul li,
#contentInner ul li {
    background: url(../img/common/li_cir.gif) no-repeat 0 0.5em;
    display: block;
    line-height: 150%;
    list-style: none;
    margin: 0 3px 5px;
    padding: 0 0 0 1.3em;
    text-align: left;
}
#mainBlock ol li,
#contentInner ol li {
    line-height: 150%;
    list-style-type: decimal;
    margin: 0 0 5px;
    padding: 0;
}
.themes_list li {
    background: none !important;
    margin: 0 !important;
    padding: 0 0 2em !important;
    width: 280px;
}
#mainBlock blockquote {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #F4F4F4;
    margin: 1em;
    padding: 10px;
		color:#666;
}
/* entryList */
.entryList {
    background:#FFFFFF;
    border-bottom:1px solid #DCDCDC;
}
.entryList dl {
    background: #F4F4F4;
    border-top: 1px solid #DCDCDC;
    margin: 0 0 1px !important;
    padding: 0;
    text-align: left;
}
.entryList dt {
    background:#F4F4F4;
    border-top: 1px solid #FFFFFF;
    float: left;
    margin: 0;
    padding: 9px 10px;
    width: 125px;
}
.entryList dd {
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    float: left;
    margin: 0;
    padding: 10px 10px;
    width: 495px;
}

/* sideBlock */
#sideBlock{
	margin-right:-1px;
	width:248px;
	float:left;
	border-right:1px solid #DCDCDC;
	overflow:hidden;
}
/* sideMenu */
#contentInner .sideMenu{
	margin:0;
	padding:0;
}
#contentInner .sideMenu li{
	margin:0;
	padding:0;
	border-bottom:1px solid #EEE;
	list-style:none;
	background:none !important;
}
#contentInner .sideMenu li.first{
	padding:5px 0 0;
}
#contentInner .sideMenu li a{
	background:url(../img/common/icon_arrow.gif) 221px center no-repeat;
	display:block;
	width:200px;
	padding:11px 30px 12px 18px;
	text-decoration:none !important;
	color:#959595 !important;
}
#contentInner .sideMenu li:hover{
	background:#F4F4F4 !important;
}

#contentInner .sideMenu li a:hover{
	background:url(../img/common/icon_arrow_on.gif) 221px center no-repeat;
	}

#contentInner .sideMenu li.select a{
	background:url(../img/common/icon_arrow_select.gif) 221px center no-repeat;
	color:#1B1B1B !important;
}
#contentInner .sideMenu li ul{
	margin:0 0 10px 18px;
	padding:0;
}
#contentInner .sideMenu li ul li{
	margin:0;
	padding:0;
	border:none;
	font-size:10px;
}
#contentInner .sideMenu li.select ul li a,
#contentInner .sideMenu li ul li a,
#contentInner .sideMenu li ul li a:hover{
	background:url(../img/common/icon_li.gif) 5px center no-repeat;
	display:block;
	width:182px;
	padding:7px 30px 7px 18px;
	color:#959595 !important;
}
#contentInner .sideMenu li ul li.select a,
#contentInner .sideMenu li.select ul li.select a{
	background:url(../img/common/icon_li.gif) 5px center no-repeat !important;
	color:#1B1B1B !important;
}
#contentInner .sideMenu li ul li:hover{
	background:#E9E9E9 !important;
}
#contentInner .sideMenu li a:hover,
#contentInner .sideMenu li ul li a:hover,
#contentInner .sideMenu li.select ul li.select a:hover {
	color:#0095d9 !important;
}

#mainVisual{
	height:415px;
	width:100%;
}
#index #mainVisual h1.logo{
	margin:0;
	padding:0;
	position:absolute;
	top:218px;
	left:75px;
}

#index.free #mainVisual h1.logo{
	left:78px;
}

#index #mainVisual div.text{
	position:absolute;
	top:235px;
	left:440px;
}

.media #mainVisual{
padding:80px 0 90px 0;
	height:auto;
	width:100%;
}

.media #mainVisual h1{
text-align:center;
}

ul.tooltip{
width:100%;
margin:0;
padding:0;
}

.media #mainVisual ul.tooltip{
margin:120px 0 0;
}

#content ul.tooltip li{
margin:0;
padding:0;
background:none !important;
position:relative !important;
}

#content ul.tooltip li.free,
#content ul.tooltip li.plus{
float:left;
display:inline;
width:489px;
height:200px;
text-align:center;
}

.tooltip li span {
position:absolute;
text-align:center;
z-index:2;
display:none;
}

#content ul.tooltip li.free span{
background:url(../img/media/tooltip_free.gif) top left no-repeat;
width:97px;
height:71px;
right:150px;
}

#content ul.tooltip li.plus span{
background:url(../img/media/tooltip_plus.gif) top left no-repeat;
width:97px;
height:71px;
right:135px;
}
input.dlbtn {
background:url(../img/top/btn_freedl-trans.png) top left no-repeat;
/*background:url(../img/top/btn_freedl2-trans.png) top left no-repeat;*/
border:none;
cursor:pointer;
	padding:0 0 0 110px;
	width:300px;
	height:50px;
	font-size:10px;
	color:#FFF !important;
}
a.dlbtn{
background:url(../img/top/btn_freedl-trans.png) top left no-repeat;
/*background:url(../img/top/btn_freedl2-trans.png) top left no-repeat;*/
	padding:18px 0 0 165px;
	width:135px;
	height:32px;
	display:block;
	font-size:10px;
	color:#FFF !important;
	text-decoration:none !important;
}
a.prebtn{
	padding:22px 0 0 165px;
	width:135px;
	height:28px;
	background:url(../img/top/btn_pre-trans.png) top left no-repeat;
	display:block;
	font-size:10px;
	color:#FFF !important;
	text-decoration:none !important;
}
a.prebtn:hover{
	background:url(../img/top/btn_pre_on-trans.png) bottom left no-repeat;
}
a.dlbtn:hover{
	background:url(../img/top/btn_freedl_on-trans.png) bottom left no-repeat;
/*	background:url(../img/top/btn_freedl2_on-trans.png) bottom left no-repeat;*/
}
a.prebtn span,
a.dlbtn span{
	display:none;
}
/* pr */
#pr{
	clear:both;
	overflow:hidden;
}
#pr div{
	width:237px;
	background:url(../img/layout/round4_t.gif) left top no-repeat;
	float:left;
	margin-right:10px;
	padding:0;
	overflow:hidden;
	cursor: pointer;
	position:relative;
}

#pr div.last div{
/*cursor:default !important;*/
}

#pr div div{
	width:200px;
	height:320px;
	display:block;
	background:url(../img/layout/round4_b.gif) left bottom no-repeat;
	margin-top:10px;
	padding:10px 17px 20px 20px;
	color:#434343;}
#pr p{
	letter-spacing:0 !important;
	line-height:1.6;
}
#pr .inner01{	background:url(../img/version/round4_b01.gif) left bottom no-repeat;}
#pr .inner02{	background:url(../img/layout/round4_b11.gif) left bottom no-repeat;}
#pr .inner03{	background:url(../img/layout/round4_b03.gif) left bottom no-repeat;}
#pr .inner04{	background:url(../img/layout/round4_b04.gif) left bottom no-repeat;}
#pr .inner05{	background:url(../img/layout/round4_b05.gif) left bottom no-repeat;}
#pr .inner06{	background:url(../img/layout/round4_b12.gif) left bottom no-repeat;}
#pr .inner07{	background:url(../img/layout/round4_b11.gif) left bottom no-repeat;}
#pr .inner08{	background:url(../img/layout/round4_b08.gif) left bottom no-repeat;}
#pr .inner09{	background:url(../img/layout/round4_b09.gif) left bottom no-repeat;}
#pr .inner10{	background:url(../img/layout/round4_b10.gif) left bottom no-repeat;}
#pr div.last{
	margin-left:2px;
	margin-right:0;
}

#pr span.new{
display:block;
width:40px;
height:40px;
position:absolute;
top:0;
left:0;
z-index:10;
}

#pr h2{
	margin-bottom:20px;
	text-align:center;
	color:#626262;
	font-weight:normal;
}

#pr h2 span{
display:block;
}
/* header */
#header{
	width:100%;
	top:20px;
	position:absolute;
}
/* gMenu */
#gMenu{
	margin-bottom:2px;
  padding: 0 1px;
  width: 978px;
	height:48px;
	background:url(../img/layout/menu20111031.gif) top center no-repeat;
}
#portal #gMenu{
	background:url(../img/layout/menu_portal20111031.gif) top center no-repeat;
}
#gMenu ul {
	margin:0;
	padding:0;
}
#gMenu li{
	width:125px;
	height:48px;
	float:left;
	list-style:none;
	overflow:hidden;
}
#gMenu li a{
	display:block;
	height:48px;
	padding-top:50px;
}
#gMenu li.menu01,
#gMenu li.menu02,
#gMenu li.menu03,
#gMenu li.menu04,
#gMenu li.menu05,
#gMenu li.menu06{
width:125px;
}

/*メニュー：通常*/
#gMenu li.menu01 a{background:url(../img/layout/menu01.gif) no-repeat -1px 0px;}
#gMenu li.menu02 a{background:url(../img/layout/menu01.gif) no-repeat -126px 0px;}
#gMenu li.menu03 a{background:url(../img/layout/menu01.gif) no-repeat -251px 0px;}
#gMenu li.menu04 a{background:url(../img/layout/menu01.gif) no-repeat -376px 0px;}
#gMenu li.menu05 a{background:url(../img/layout/menu01.gif) no-repeat -501px 0px;}
#gMenu li.menu06 a{background:url(../img/layout/menu01.gif) no-repeat -626px 0px;}

/*メニュー：オンマウス*/
#gMenu li.menu01 a:hover{background:url(../img/layout/menu01.gif) no-repeat -1px -50px;}
#gMenu li.menu02 a:hover{background:url(../img/layout/menu01.gif) no-repeat -126px -50px;}
#gMenu li.menu03 a:hover{background:url(../img/layout/menu01.gif) no-repeat -251px -50px;}
#gMenu li.menu04 a:hover{background:url(../img/layout/menu01.gif) no-repeat -376px -50px;}
#gMenu li.menu05 a:hover{background:url(../img/layout/menu01.gif) no-repeat -501px -50px;}
#gMenu li.menu06 a:hover{background:url(../img/layout/menu01.gif) no-repeat -626px -50px;}

/*メニュー：アクティブ*/
#gMenu li.menu01 a:active{background:url(../img/layout/menu01.gif) no-repeat -1px -100px;}
#gMenu li.menu02 a:active{background:url(../img/layout/menu01.gif) no-repeat -126px -100px;}
#gMenu li.menu03 a:active{background:url(../img/layout/menu01.gif) no-repeat -251px -100px;}
#gMenu li.menu04 a:active{background:url(../img/layout/menu01.gif) no-repeat -376px -100px;}
#gMenu li.menu05 a:active{background:url(../img/layout/menu01.gif) no-repeat -501px -100px;}
#gMenu li.menu06 a:active{background:url(../img/layout/menu01.gif) no-repeat -626px -100px;}

/*メニュー：セレクト*/
#gMenu li.menu01 a.select{background:url(../img/layout/menu01.gif) no-repeat -1px -150px !important;}
#gMenu li.menu02 a.select{background:url(../img/layout/menu01.gif) no-repeat -126px -150px !important;}
#gMenu li.menu03 a.select{background:url(../img/layout/menu01.gif) no-repeat -251px -150px !important;}
#gMenu li.menu04 a.select{background:url(../img/layout/menu01.gif) no-repeat -376px -150px !important;}
#gMenu li.menu05 a.select{background:url(../img/layout/menu01.gif) no-repeat -501px -150px !important;}
#gMenu li.menu06 a.select{background:url(../img/layout/menu01.gif) no-repeat -626px -150px !important;}


/*メニュー：通常*/
#portal #gMenu li.menu01 a{background:url(../img/layout/menu01.gif) no-repeat -1px 0px;}
#portal #gMenu li.menu02 a{background:url(../img/layout/menu01.gif) no-repeat -126px 0px;}
#portal #gMenu li.menu03 a{background:url(../img/layout/menu01.gif) no-repeat -251px 0px;}
#portal #gMenu li.menu04 a{background:url(../img/layout/menu01.gif) no-repeat -376px 0px;}
#portal #gMenu li.menu05 a{background:url(../img/layout/menu01.gif) no-repeat -501px 0px;}
#portal #gMenu li.menu06 a{background:url(../img/layout/menu01.gif) no-repeat -626px 0px;}

/*メニュー：オンマウス*/
#portal #gMenu li.menu01 a:hover{background:url(../img/layout/menu01.gif) no-repeat -1px -50px;}
#portal #gMenu li.menu02 a:hover{background:url(../img/layout/menu01.gif) no-repeat -126px -50px;}
#portal #gMenu li.menu03 a:hover{background:url(../img/layout/menu01.gif) no-repeat -251px -50px;}
#portal #gMenu li.menu04 a:hover{background:url(../img/layout/menu01.gif) no-repeat -376px -50px;}
#portal #gMenu li.menu05 a:hover{background:url(../img/layout/menu01.gif) no-repeat -501px -50px;}
#portal #gMenu li.menu06 a:hover{background:url(../img/layout/menu01.gif) no-repeat -626px -50px;}

/*メニュー：アクティブ*/
#portal #gMenu li.menu01 a:active{background:url(../img/layout/menu01.gif) no-repeat -1px -100px;}
#portal #gMenu li.menu02 a:active{background:url(../img/layout/menu01.gif) no-repeat -126px -100px;}
#portal #gMenu li.menu03 a:active{background:url(../img/layout/menu01.gif) no-repeat -251px -100px;}
#portal #gMenu li.menu04 a:active{background:url(../img/layout/menu01.gif) no-repeat -376px -100px;}
#portal #gMenu li.menu05 a:active{background:url(../img/layout/menu01.gif) no-repeat -501px -100px;}
#portal #gMenu li.menu06 a:active{background:url(../img/layout/menu01.gif) no-repeat -626px -100px;}

/*メニュー：セレクト*/
#portal #gMenu li.menu01 a.select{background:url(../img/layout/menu01.gif) no-repeat -1px -150px !important;}
#portal #gMenu li.menu02 a.select{background:url(../img/layout/menu01.gif) no-repeat -126px -150px !important;}
#portal #gMenu li.menu03 a.select{background:url(../img/layout/menu01.gif) no-repeat -251px -150px !important;}
#portal #gMenu li.menu04 a.select{background:url(../img/layout/menu01.gif) no-repeat -376px -150px !important;}
#portal #gMenu li.menu05 a.select{background:url(../img/layout/menu01.gif) no-repeat -501px -150px !important;}
#portal #gMenu li.menu06 a.select{background:url(../img/layout/menu01.gif) no-repeat -626px -150px !important;}

/*メニュー：通常*/
#gMenu li.gm_www a{background:url(../img/layout/menu20111031.gif) no-repeat -1px 0px;}
#gMenu li.gm_plus a{background:url(../img/layout/menu20111031.gif) no-repeat -126px 0px;}
#gMenu li.gm_free a{background:url(../img/layout/menu20111031.gif) no-repeat -251px 0px;}
#gMenu li.gm_store a{background:url(../img/layout/menu20111031.gif) no-repeat -376px 0px;}
#gMenu li.gm_support a{background:url(../img/layout/menu20111031.gif) no-repeat -501px 0px;}
#gMenu li.gm_inquiry a{background:url(../img/layout/menu20111031.gif) no-repeat -626px 0px;}

/*メニュー：オンマウス*/
#gMenu li.gm_www a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -1px -50px;}
#gMenu li.gm_plus a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -126px -50px;}
#gMenu li.gm_free a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -251px -50px;}
#gMenu li.gm_store a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -376px -50px;}
#gMenu li.gm_support a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -501px -50px;}
#gMenu li.gm_inquiry a:hover{background:url(../img/layout/menu20111031.gif) no-repeat -626px -50px;}

/*メニュー：アクティブ*/
#gMenu li.gm_www a:active{background:url(../img/layout/menu20111031.gif) no-repeat -1px -100px;}
#gMenu li.gm_plus a:active{background:url(../img/layout/menu20111031.gif) no-repeat -126px -100px;}
#gMenu li.gm_free a:active{background:url(../img/layout/menu20111031.gif) no-repeat -251px -100px;}
#gMenu li.gm_store a:active{background:url(../img/layout/menu20111031.gif) no-repeat -376px -100px;}
#gMenu li.gm_support a:active{background:url(../img/layout/menu20111031.gif) no-repeat -501px -100px;}
#gMenu li.gm_inquiry a:active{background:url(../img/layout/menu20111031.gif) no-repeat -626px -100px;}

/*メニュー：セレクト*/
#gMenu li.gm_www a.select{background:url(../img/layout/menu20111031.gif) no-repeat -1px -150px !important;}
#gMenu li.gm_plus a.select{background:url(../img/layout/menu20111031.gif) no-repeat -126px -150px !important;}
#gMenu li.gm_free a.select{background:url(../img/layout/menu20111031.gif) no-repeat -251px -150px !important;}
#gMenu li.gm_store a.select{background:url(../img/layout/menu20111031.gif) no-repeat -376px -150px !important;}
#gMenu li.gm_support a.select{background:url(../img/layout/menu20111031.gif) no-repeat -501px -150px !important;}
#gMenu li.gm_inquiry a.select{background:url(../img/layout/menu20111031.gif) no-repeat -626px -150px !important;}


/*メニュー：通常*/
#portal #gMenu li.gm_www a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -1px 0px;}
#portal #gMenu li.gm_plus a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -126px 0px;}
#portal #gMenu li.gm_free a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -251px 0px;}
#portal #gMenu li.gm_store a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -376px 0px;}
#portal #gMenu li.gm_support a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -501px 0px;}
#portal #gMenu li.gm_inquiry a{background:url(../img/layout/menu_portal20111031.gif) no-repeat -626px 0px;}

/*メニュー：オンマウス*/
#portal #gMenu li.gm_www a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -1px -50px;}
#portal #gMenu li.gm_plus a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -126px -50px;}
#portal #gMenu li.gm_free a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -251px -50px;}
#portal #gMenu li.gm_store a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -376px -50px;}
#portal #gMenu li.gm_support a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -501px -50px;}
#portal #gMenu li.gm_inquiry a:hover{background:url(../img/layout/menu_portal20111031.gif) no-repeat -626px -50px;}

/*メニュー：アクティブ*/
#portal #gMenu li.gm_www a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -1px -100px;}
#portal #gMenu li.gm_plus a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -126px -100px;}
#portal #gMenu li.gm_free a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -251px -100px;}
#portal #gMenu li.gm_store a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -376px -100px;}
#portal #gMenu li.gm_support a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -501px -100px;}
#portal #gMenu li.gm_inquiry a:active{background:url(../img/layout/menu_portal20111031.gif) no-repeat -626px -100px;}

/*メニュー：セレクト*/
#portal #gMenu li.gm_www a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -1px -150px !important;}
#portal #gMenu li.gm_plus a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -126px -150px !important;}
#portal #gMenu li.gm_free a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -251px -150px !important;}
#portal #gMenu li.gm_store a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -376px -150px !important;}
#portal #gMenu li.gm_support a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -501px -150px !important;}
#portal #gMenu li.gm_inquiry a.select{background:url(../img/layout/menu_portal20111031.gif) no-repeat -626px -150px !important;}

/* searchBox */
.searchBox{
	width:180px;
	height:25px;
	margin-top:10px;
	margin-right:5px;
	position:relative;
	float:right;
}
.searchText{
	width:145px;
	height:22px;
	line-height:22px;
	padding:0 5px !important;
	position:absolute;
	background:none;
	border:none;
	color:#A0A0A0;
	font-size:12px;
}

input.searchText[type="text"] {
padding:3px 0 0;
}

.searchBtn{
	margin:0;
	padding-right:5px;
	width:30px;
	height:20px;
	text-indent:-9000px;
	overflow:hidden;
	outline:none;
	border:none;
	background:none;
	cursor:pointer;
	position:absolute;
	right:0;
}
/* topMenu */
#tMenu{
	margin:6px 0 0;
	padding:0;
	height:20px;
	overflow:hidden;
	float:right;
	text-align:right;
}
#tMenu li{
	background:url(../img/layout/border_r.gif) right center no-repeat;
	list-style:none;
	margin-right:5px;
	padding-right:6px;
	letter-spacing:0.05em;
	float: left;
}
#tMenu li a {
	display:block;
	text-shadow:0 1px 0 #EEE;
	line-height:20px;
	font-size:12px;
	color:#626262;
	text-decoration:none;
}
#tMenu li a:hover {
	text-shadow:none;
	color:#0095d9 !important;
}
#tMenu li#select a{
	background:url(../img/layout/r_on_l.gif) left top no-repeat;
	text-shadow:none;
	color:#FFF !important;
}
#tMenu li span{
	display:block;
	padding:0 8px 0 9px;
}
#tMenu li#select span{
	background:url(../img/layout/r_on_r.gif) right top no-repeat;
}
#tMenu li.last {
	background:none;
	margin-right:0;
	padding-right:0;
}
body.plus #tMenu li.last a{
	background: url(../img/common/btn_toporder.gif) no-repeat left top;
	width:110px;
	height:20px;
}
body.plus #tMenu li.last a:hover,
body.plus #tMenu li#select.last a{
	background: url(../img/common/btn_toporder_on.gif) no-repeat left top;
}
body.plus #tMenu li.last a span {
	display:none;
}
body.developer #tMenu li.last a{
	background: url(../img/common/btn_topdeveloperapply.gif) no-repeat left top;
	width:110px;
	height:20px;
}
body.developer #tMenu li.last a:hover,
body.developer #tMenu li#select.last a{
	background: url(../img/common/btn_topdeveloperapply_on.gif) no-repeat left top;
}
body.developer #tMenu li.last a span {
	display:none;
}
/* breadcrumb */
#breadcrumb {
  background:url(../img/layout/roundgray_t.gif) no-repeat center top;
  height: 30px;
	overflow:hidden;
  text-align: left;
}
#breadcrumb ul {
  height: 30px;
	margin: 0;
}
#breadcrumb li {
  margin: 0 0 0 8px;
  height: 30px;
	line-height:30px;
	background: url(../img/layout/bread_r.gif) no-repeat right top;
  color: #4b4b4b;
  display: block;
  float: left;
  font-size: 1.2em;
  list-style: none;
	text-shadow:0 1px 0 #FFF;
}
#breadcrumb li.last {
	background:none;
}
#breadcrumb li a{
  display: block;
	margin-right:15px;
}
#breadcrumb li.home a {
background:url(../img/layout/breadcrumb_home.gif) right center no-repeat;
width:20px;
height:30px;
}
#breadcrumb li.home a:hover {
background:url(../img/layout/breadcrumb_home_on.gif) right center no-repeat;
}
#breadcrumb li.home span {
display:none;
}
/* footer */
#breadcrumb a,
#sitemapBlock a{
	display:block;
	color:#626262;
	text-decoration:none;
}
#footer{
	width:980px;
	overflow:hidden;
	margin:0 auto 20px;
	padding-bottom:5px;
	background:url(../img/layout/roundgray_b.gif) bottom left no-repeat;
}
#sitemapBlock{
	width:958px;
	overflow:hidden;
	padding:10px;
	background:url(../img/layout/bg_border.gif) top repeat-x;
	border-left:1px solid #BFBFBF;
	border-right:1px solid #BFBFBF;
}
#sitemapBlock .sitemap {
    float: left;
    width: 16.6%;
}
#sitemapBlock .sitemap dl {
    font-size: 1em;
    line-height: 1.8em;
    margin: 0;
    padding: 0.5em 1em;
}
#sitemapBlock .sitemap dt {
	margin-bottom:10px;
	font-weight:bold;
	text-shadow:0 1px 0 #FFF;
}
#sitemapBlock .sitemap dd {
	padding-left:10px;
}
.copyright{
	padding:0 0 20px;
	color:#898989;
	text-shadow:1px 1px 0 #FFF;
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

#portal .copyright,
#message .copyright{
}

.copyright .company{
display:inline-block;
border-left:1px solid #BFBFBF;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

.copyright .company a{
font-weight:normal;
	color:#898989;
text-decoration:none;
}


.box_l{
	float:left;
}
.box_r{
	float:right;
}
body.free .futureBlock01,
body.free .futureBlock02,
body.free .futureBlock03,
body.plus .futureBlock01,
body.plus .futureBlock02,
body.plus .futureBlock03{
}
/***************************************************
	free
***************************************************/
body.free .futureBlock01_wide{
position:relative;
	padding-top:50px;
	height:720px;
}
body.free .futureBlock01_wide .box_c{
text-align:center;
position:absolute;
width:978px;
top:620px;
}

body.free .dlBlock .box_l {
	padding-left:19px;
	width:400px;
}
body.free .futureBlock01{
position:relative;
	padding-top:69px;
	height:500px;
}
body.free .futureBlock01 .box_r{
	padding-left:50px;
  width:420px;
}

body.free .futureBlock01 .box_l{
padding-top:1px;
	padding-left:50px;
  width:420px;
}
body.free .futureBlock02{
/*	background:url(../img/free/futureBlock02.png) left top no-repeat;*/
	background:url(../img/free/futureBlock02_01.png) left top no-repeat;
	padding-top:170px;
	height:400px;
}
body.free .futureBlock02 .box_r{
	padding-right:40px;
  width: 430px;
}
body.free .futureBlock03{
/*	background:url(../img/free/futureBlock03.png) right top no-repeat;*/
	background:url(../img/free/futureBlock03_01.png) right top no-repeat;
	padding-top:100px;
	padding-bottom:20px;
	height:400px;
}
body.free .futureBlock03 .box_l{
	padding-left: 50px;
  width: 435px;
}
body.free .futureBlock06{
	background:url(../img/free/futureBlock06.png) left top no-repeat;
	padding-top:130px;
	height:335px;
}
body.free .futureBlock06 .box_r{
	padding-right:40px;
 width: 430px;
}

.futureBlock07{
	background:url(../img/free/futureBlock07.png) left top no-repeat;
	margin-top:40px;
	padding-top:100px;
	padding-bottom:20px;
	height:280px;
}
.futureBlock07 .box_r{
	padding-right:40px;
 width:430px;
}

.futureBlock_store{
background:url(../img/layout/bg_feature_store.png) top left no-repeat;
width:890px;
height:235px;
margin:40px auto 0;
padding:40px 25px 30px;
color:#A0A0A0;
}

.futureBlock_store p.disc{
	color:#555;
/*	text-shadow:0 1px #000;*/
}

.futureBlock_store .box_r{
	padding-right:0px;
  width: 480px;
}


body.free .ui-tabs-hide{
display: none;
}

body.free .ui-tabs-nav{
padding:0 0 20px !important;
margin:0 !important;
position:absolute;
top:370px;
left:464px;
}

body.free #rotate{
position:absolute;
top:219px;
left:0px;
width:978px;
height:350px;
padding:0;
}

body.free #rotate div{
}

body.free #rotate .ui-tabs-nav li{
float:left;
padding:0 !important;
margin:0 10px 0 0 !important;
}

body.free #rotate .ui-tabs-nav li a{
display:block;
padding:0 !important;
margin:0 !important;
height:10px;
width:10px;
}
body.free #rotate .ui-tabs-nav li a{
background:url(../img/layout/controls.gif) -10px 0px no-repeat;
}

body.free #rotate .ui-tabs-nav li.ui-tabs-selected a{
background:url(../img/layout/controls.gif) 0px 0px no-repeat;
}

body.free #rotate .ui-tabs-nav li a span{
display:none;
}

/***************************************************
	plus
***************************************************/
body.plus .futureBlock01{
	padding-top:65px;
	height:419px;
}
body.plus .futureBlock01 .box_l{
	padding-left:50px;
 width:435px;
}

body.plus .futureBlock01_wide{
position:relative;
	padding-top:50px;
	height:790px;
}
body.plus .futureBlock01_wide .box_c{
text-align:center;
position:absolute;
width:978px;
top:720px;
}

body.plus .futureBlock02{
/*	background:url(../img/plus/futureBlock02_01.png) left top no-repeat;*/
	background:url(../img/plus/futureBlock02_02.png) left top no-repeat;
	padding-top:120px;
	height:430px;
}
body.plus .futureBlock02 .box_r{
	padding-right:45px;
  width: 450px;
}
body.plus .futureBlock03{
/*	background:url(../img/plus/futureBlock03_01.png) right top no-repeat;*/
	background:url(../img/plus/futureBlock03_02.png) right top no-repeat;
	padding-top:140px;
	padding-bottom:0px;
	height:430px;
}
body.plus .futureBlock03 .box_l{
	padding-left: 50px;
  width: 435px;
}

body.plus .futureBlock06{
	background:url(../img/free/futureBlock06.png) left top no-repeat;
	padding-top:130px;
	height:335px;
}
body.plus .futureBlock06 .box_r{
	padding-right:40px;
  width: 430px;
}

body.plus .priceBlock{
padding-bottom:20px;
}
body.plus .priceBlock .box_l{
	padding-left: 39px;
  width: 425px;
}

.futureBlock04{
border-top:1px solid #D6D6D6;
padding:30px 45px;
margin:20px 0 0;
}

body.plus .ui-tabs-hide{
display: none;
}

body.plus .ui-tabs-nav{
padding:0 0 20px !important;
margin:0 !important;
position:absolute;
top:460px;
left:421px;
}

body.plus #rotate{
position:absolute;
top:229px;
left:44px;
width:890px;
height:430px;
padding:0;
}

body.plus #rotate div{
}

body.plus #rotate .ui-tabs-nav li{
float:left;
padding:0 !important;
margin:0 10px 0 0 !important;
}

body.plus #rotate .ui-tabs-nav li a{
display:block;
padding:0 !important;
margin:0 !important;
height:10px;
width:10px;
}
body.plus #rotate .ui-tabs-nav li a{
background:url(../img/layout/controls.gif) -10px 0px no-repeat;
}

body.plus #rotate .ui-tabs-nav li.ui-tabs-selected a{
background:url(../img/layout/controls.gif) 0px 0px no-repeat;
}

body.plus #rotate .ui-tabs-nav li a span{
display:none;
}

/***************************************************
	user
***************************************************/
#index.user #mainVisual{
	height:270px;
	position:relative;
}
#index.user #mainVisual h1,
#index.user #mainVisual .text,
#index.user #mainVisual .img{
	margin:0;
	padding:0;
	position:absolute;
}
#index.user #mainVisual h1{
	top:85px;
	left:220px;
}
#index.user #mainVisual .img{
	top:85px;
	left:135px;
}
#index.user #mainVisual .text{
	top:130px;
	left:220px;
}
#bgTwitter {
	background:url(../img/user/bg_twitter-trans.png) left top no-repeat;
	width:980px;
	height:35px;
	margin-bottom:10px;
	overflow:hidden;
}
#bgTwitter a.tweet {
	width:15px;
	height:25px;
	padding:10px 10px 0 15px;
	display:block;
	float:left;
	overflow:hidden;
}
#bgTwitter span {
	width:910px;
	height:25px;
	padding:10px 15px 0 5px;
	display:block;
	float:left;
	overflow:hidden;
	font-size:12px;
}
#bgTwitter span a {
	color:#626262;
	text-decoration:none;
}

/* sideBlock */
.user #sideBlock{
	margin-right:0;
	width:240px;
	padding:30px 0 30px 30px;
	border-right:none;
}
/* #mainBlock */
.user #mainBlock{
	width:650px;
	padding:44px 30px 60px 0;
	border-left:none;
}
#index.user #mainBlock{
	padding-top:30px;
}
.user #mainBlock{
	position:relative;
}
.user #mainBlock .newTopic{
	position:absolute;
	right:30px;
	top:55px;
}
#mainBlock #topicBody h2{
width:495px;
float:left;
background:url(../img/user/icon_res.gif) left 7px no-repeat;
border-bottom:none;
padding:5px 0 5px 22px;
margin:0 0 5px;
font-size:12px;
font-weight:normal;
min-height:14px;
}
#mainBlock #topicBody .topicDate{
padding-top:5px;
width:125px;
float:right;
font-size:12px;
color:#959595;
}
#mainBlock #topicBody table{
font-size:12px;
}
#mainBlock #topicBody table th{
width:120px;
padding:5px 10px 0 0;
background:url(../img/user/bg_th.gif) right top no-repeat;
text-align:left;
}
#mainBlock #topicBody table th a{
color:#535353 !important;
}
#mainBlock #topicBody table td{
padding:5px 0 0 15px;
}
#topicBody blockquote {
background:#F9F0FF;
border-left: 3px solid #E8E0EE;
border-right:none;
border-top:none;
border-bottom:none;
margin: 0 0 15px 10px;
padding: 10px;
color:#918C95;
}
#topicBody blockquote .genmed{
background:url(../img/user/icon_arrowL.gif) left 4px no-repeat;
padding-left:12px;
color:#959595;
font-size:11px;
font-weight:normal;
}
#topicBody blockquote .quote{
padding-top:10px;
padding-left:10px;
}

#mainBlock #topicBody .td_class0 h2{
width:495px;
float:left;
background:none;
border-bottom:none;
padding:5px 0 5px 0;
margin:0 0 20px;
color:#313131;
font-size:18px;
font-weight:bold;
}
#mainBlock #topicBody .td_class0 .topicDate{
padding-top:10px;
}
#mainBlock #topicBody .td_class0 table td{
font-size:14px;
line-height:180%;
padding-top:0;
}
.btn_re{
background:url(../img/user/btn_re.gif) left top no-repeat;
display:block;
float:right;
width:80px;
height:25px;
overflow:hidden;
margin-left:25px;
}
.btn_quote{
background:url(../img/user/btn_quote.gif) left top no-repeat;
display:block;
float:right;
width:120px;
height:25px;
overflow:hidden;
}
#mainBlock #topicBody .btnBox {
border-bottom:1px solid #E3E3E3;
margin-bottom: 25px;
padding-bottom: 30px;
}
#mainBlock #topicBody .td_class0 .btnBox {
border-bottom:none;
margin-bottom: 0;
padding-bottom: 0;
}
#mainBlock #topicBody .td_class0{
background:url(../img/user/bg_border.gif) bottom repeat-x;
padding-bottom:65px;
margin-bottom:40px;
}
#mainBlock #topicBody .td_class0 .btn_re{
background:url(../img/user/btn_re_top.gif) left top no-repeat;
display: inline;
width:95px;
height:35px;
margin-right:185px;
}
#mainBlock #topicBody .td_class0 .btn_quote{
background:url(../img/user/btn_quote_top.gif) left top no-repeat;
display:inline;
width:155px;
height:35px;
margin-left:185px;
}
a.btn_re span,
a.btn_quote span{
display:none;
}
.bgUser,
.bgPass,
.bgPassNone{
	border: medium none;
  color: #A0A0A0;
	line-height:16px;
  height: 16px;
  width: 240px;
	padding:2px;
	font-size:12px;
}
.bgUser{
	background:url(../img/user/bg_logininput.gif) left top no-repeat;
}
.bgPass {
	background:url(../img/user/bg_loginpass.gif) no-repeat left center;
}

.bgPassNone {
	background:none;
}

.btnGray{
	height:25px;
	padding:0 10px;
	margin:0;
	border:none;
	background:#4F4F4F;
	font-size:12px;
	text-shadow:0 1px 0 #434343;
	color:#FFFFFF;
}
.btnPlane{
	height:20px;
	padding:0 5px;
	margin:0;
	background:#EEE;
	font-size:11px;
	text-shadow:0 1px 0 #DCDCDC;
	border:1px solid #DCDCDC;
}
/* sideMenu */
.user .fcDgray,
.user table.evenTable td a{
color:#535353;
}
#index.user .sideMenu li{
	border-bottom:1px solid #E5E5E5;
}
.user .sideMenu li.first{
	border-top:1px solid #E5E5E5;
	padding:0 0 0 !important;
}
.user #sideBlock .sideMenu li.one{
	border-top:1px solid #E5E5E5;
	border-bottom:none !important;
}
.user #contentInner .sideMenu li a{
	width:219px;
	padding:9px 18px 10px 0 !important;
	color:#434343 !important;
}
.user #contentInner .sideMenu li:hover{
	background:#F4F4F4 !important;
}
.icon_cir{
	padding-left:13px;
	background:url(../img/user/icon_circle.gif) left center no-repeat;
}
.icon_howto{
	padding-left:25px;
	background:url(../img/user/icon_howto.gif) 3px center no-repeat;
}
.icon_do{
	padding-left:25px;
	background:url(../img/user/icon_do.gif) 3px center no-repeat;
}
.icon_mail{
	padding-left:35px;
	background: url(../img/user/icon_mail.gif) 10px center no-repeat;
}
.userSearchBox {
  background: url(../img/user/bg_usersearch.gif) no-repeat left top;
  height: 21px;
  padding: 2px 0 2px 2px;
  width: 238px;
}
input.usearchText {
  background-color: #FFFFFF;
  border: none !important;
  float: left;
  height: 18px;
  margin: 0;
  width: 200px;
}
input.usearchBtn {
	padding:0;
  background: none;
  border: none;
  float: right;
  height: 21px;
  outline: none;
  overflow: hidden;
  text-indent: -9000px;
  width: 33px;
}
table.evenTable{
border-top:1px solid #EEE;
border-collapse: collapse;
}
table.evenTable tr td{
padding:5px;
border-collapse: collapse;
}
table.evenTable tr.even td{
background:url(../img/user/bg_check.gif);
}
.user #sideBlock ul.forumBox{
margin:0 0 30px;
padding:0;
}
.user #sideBlock ul.forumBox li{
background:none;
margin: 0 16px 5px 0;
padding: 0 0 0 0;
height:45px;
width:240px;
overflow:hidden;
}
.user #sideBlock .myBoxInner{
margin:0 5px;
padding:10px;
border:1px solid #EEE;
background:#FAFAFA;
}
.user #sideBlock .myBoxInner ul{
margin:0;
padding:0;
}
.user #sideBlock .myBoxInner ul li{
display:block;
width:75px;
padding-left:15px;
margin:0 0 0 0;
line-height:15px;
}
.user #sideBlock .myBoxInner ul li.icon_hatena{
float:left;
background:url(../img/user/icon_hatena.gif) left 4px no-repeat;
}
.user #sideBlock .myBoxInner ul li.icon_exit{
float:right;
background: url(../img/user/icon_exit.gif) left 4px no-repeat;
}
#index.user #mainBlock ul.forumBox{
margin:0 0 30px;
padding:0;
}
#index.user #mainBlock ul.forumBox li{
background:none;
margin: 0 16px 5px 0;
padding: 0 0 0 0;
float:left;
height:75px;
overflow:hidden;
}
#index.user #mainBlock ul.forumBox li.last,
#index.user #mainBlock ul.forumBox li.forum2{
margin-right:0;
}
#mainBlock h2.noDeco{
background:none;
border-bottom:none;
padding:0;
margin:0;
}
#mainBlock .dotTableWrap{
border-top:1px solid #DCDCDCD;
background: url(../img/user/bg_dotTable.gif) left top no-repeat;
}
#mainBlock table.dotTable td {
background:url(../img/common/line_dot01.gif) bottom repeat-x;
    border-bottom: none;
}
span.topic7 a,
span.topic3 a,
span.topic5 a{
padding:3px 5px;
font-size:10px;
color:#434343;
text-decoration:none;
}
span.topic7 a{
background:#FFF4B6;
}
span.topic3 a{
background:#D0E2FF;
}
span.topic5 a{
background:#E5E5E5;
}


/***************************************************
	common
***************************************************/
/***************************************************
	align
--------------------------------------------------*/
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.middle{
vertical-align:middle;
}

/***************************************************
	float
--------------------------------------------------*/
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}

img.floatRight {
	margin-left:20px;
	margin-bottom:10px;
	float:right;
}
img.floatLeft {
		margin-right:20px;
		margin-bottom:10px;
	float:left;
}

.fL15{
float:left;
margin-right:20px;
margin-bottom:10px;
width:130px;
padding:10px;
display:inline;
border:1px solid #DCDCDC;
text-align:center;
}

.fL55{
float:left;
margin:0px 0px 0px;
width:520px;
padding:0px;
display:inline;
}
.clear {
	clear:both;
	float:none;
}
.abs {
	position:absolute;
}
.messageBlock{
	width:700px;
	margin:0 auto;
	padding:70px 0;
	font-size:116%;
	text-align:center;
}
#mainBlock ul.results_list{
	margin:30px -50px 0 0 !important;
	width:680px;
}
#mainBlock ul.results_list li {
  background: none !important;
  border: 1px solid #E4E4E4;
  display: block !important;
  float: left;
	margin:0 20px 15px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 316px !important;
}
#mainBlock ul.results_list li a{
  padding: 5px 8px !important;
  display: block !important;
  width: 300px !important;
}
/***************************************************
	width&height
--------------------------------------------------*/
.w100, .wide {width:100%;}
.w99 {width:99%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75%;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50, .half {width:50%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w30 {width:30%;}
.w25, .quater {width:25%;}
.w20 {width:20%;}
.w15 {width:15%;}
.w10 {width:10%;}
.w5 {width:5%;}

.em8 {width:8em;}
.em6 {width:6em;}
.em5 {width:5em;}
.em4 {width:4em;}
.em3 {width:3em;}
.em2 {width:2em;}
.em1 {width:1em;}

.w50px {width:50px;}
.w80px {width:80px;}
.w100px {width:100px;}
.w120px {width:120px;}
.w145px {width:140px;}
.w698px{width:698px;}
.w678px{width:678px;}
.w480px{width:480px;display:inline;}

.h100px {
	min-height:100px;
	*height:100px;
	line-height:100px;
	vertical-align:middle;
}
.h200px {
	min-height:200px;
	*height:200px;
	line-height:200px;
	vertical-align middle;
}
.h300px {
	min-height:300px;
	*height:300px;
	line-height:300px;
	vertical-align:middle;
}

/***************************************************
	margin&padding
--------------------------------------------------*/
.noMP {margin:0;padding:0;}
.noMargin {margin:0px;}
.mt0 {margin-top:0px !important;}
.mr0 {margin-right:0px !important;}
.mb0 {margin-bottom:0px !important;}
.ml0 {margin-left:0px !important;}
.ma0 {margin:0px !important;}

.mt5 {margin-top:5px !important;}
.mr5 {margin-right:5px !important;}
.mb5 {margin-bottom:5px !important;}
.ml5 {margin-left:5px !important;}
.ma5 {margin:5px !important;}

.mt10 {margin-top:10px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left:10px !important;}
.ma10 {margin:10px !important;}

.mt15 {margin-top:15px !important;}
.mr15 {margin-right:15px !important;}
.mb15 {margin-bottom:15px !important;}
.ml15 {margin-left:15px !important;}
.ma15 {margin:15px !important;}

.mt20 {margin-top:20px !important;}
.mr20 {margin-right:20px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px !important;}
.ma20 {margin:20px !important;}

.mt25 {margin-top:25px !important;}
.mr25 {margin-right:25px !important;}
.mb25 {margin-bottom:25px !important;}
.ml25 {margin-left:25px !important;}
.ma25 {margin:25px !important;}

.mt30 {margin-top:30px !important;}
.mr30 {margin-right:30px !important;}
.mb30 {margin-bottom:30px !important;}
.ml30 {margin-left:30px !important;}
.ma30 {margin:30px !important;}

.mt40 {margin-top:40px !important;}
.mr40 {margin-right:40px !important;}
.mb40 {margin-bottom:40px !important;}
.ml40 {margin-left:40px !important;}
.ma40 {margin:40px !important;}

.mt50 {margin-top:50px !important;}
.mr50 {margin-right:50px !important;}
.mb50 {margin-bottom:50px !important;}
.ml50 {margin-left:50px !important;}
.ma50 {margin:50px !important;}

.mt60 {margin-top:60px !important;}
.mr60 {margin-right:60px !important;}
.mb60 {margin-bottom:60px !important;}
.ml60 {margin-left:60px !important;}
.ma60 {margin:60px !important;}

.mt80 {margin-top:80px !important;}
.mr80 {margin-right:80px !important;}
.mb80 {margin-bottom:80px !important;}
.ml80 {margin-left:80px !important;}
.ma80 {margin:80px !important;}

.mh0 {margin-top:0px !important; margin-bottom:0px !important}
.mh5 {margin-top:5px !important; margin-bottom:5px !important}
.mh10 {margin-top:10px !important; margin-bottom:10px !important}
.mh15 {margin-top:15px !important; margin-bottom:15px !important}
.mh20 {margin-top:20px !important; margin-bottom:20px !important}

.noPadding {
	padding:0px;
}
.pt0 {padding-top:0px !important;}
.pr0 {padding-right:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pl0 {padding-left:0px !important;}
.pa0 {padding:0px !important;}

.pt5 {padding-top:5px !important;}
.pr5 {padding-right:5px !important;}
.pb5 {padding-bottom:5px !important;}
.pl5 {padding-left:5px !important;}
.pa5 {padding:5px !important;}

.pt10 {padding-top:10px !important;}
.pr10 {padding-right:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}
.pa10 {padding:10px !important;}

.pt15 {padding-top:15px !important;}
.pr15 {padding-right:15px !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}
.pa15 {padding:15px !important;}

.pt20 {padding-top:20px !important;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;}
.pl20 {padding-left:20px !important;}
.pa20 {padding:20px !important;}

.pt25 {padding-top:25px !important;}
.pr25 {padding-right:25px !important;}
.pb25 {padding-bottom:25px !important;}
.pl25 {padding-left:25px !important;}
.pa25 {padding:25px !important;}

.pt30 {padding-top:30px !important;}
.pr30 {padding-right:30px !important;}
.pb30 {padding-bottom:30px !important;}
.pl30 {padding-left:30px !important;}
.pa30 {padding:30px !important;}

.pt40 {padding-top:40px !important;}
.pr40 {padding-right:40px !important;}
.pb40 {padding-bottom:40px !important;}
.pl40 {padding-left:40px !important;}
.pa40 {padding:40px !important;}

/***************************************************
	font
--------------------------------------------------*/
.fs10 {font-size:77%;*font-size:70%;}
.fs11 {font-size:85%;}
.fs12 {font-size:92%;}
.fs13 {font-size:100%;}
.fs14 {font-size:108%;}
.fs15 {font-size:116%;}
.fs16 {font-size:123.1%;}
.fs17 {font-size:131%;}
.fs18 {font-size:138.5%;}
.fs19 {font-size:146.5%}
.fs20 {font-size:153,9%}
.fs21 {font-size:161.6%}
.fs22 {font-size:167%}
.fs23 {font-size:174%}
.fs24 {font-size:182%}

.small{font-size:10px;}

.fcOrange {color:#f90;}
.fcBlue {color:#06c;}
.fcSky {color:#1D91FF;}
.fcGreen {color:#0c6;}
.fcRed {color:#f00;}
.fcPink {color:#ff909f;}
.fcYellow {color:#fc0;}
.fcGray {color:#909090;}
.fcBlack {color:#000;}
.warning{color:#D82E23;}

/***************************************************
	font weight
--------------------------------------------------*/
.fwNormal{font-weight:normal !important;}
.fwBold{font-weight:bold !important;}
/***************************************************
	table
--------------------------------------------------*/
#mainBlock table,
#feature table {
border-collapse:collapse;
margin:0px 0px 20px;
padding:0px 0px 0px;
line-height:160%;
font-size:12px;
border-color:#B5B5B5;
}

#mainBlock table caption,
#feature table caption {
padding:5px 0;
margin:0;
font-weight:bold;
}
#mainBlock table tbody {
}

#mainBlock table tr,
#feature table tr{
padding:0px;
margin:0;
}

#mainBlock table th,
#feature table th{
border-bottom: 5px solid #FFFFFF;
border-collapse: collapse;
font-weight: normal;
margin: 0 10px 0 0;
vertical-align:top;
background:url(../img/common/bg_dt.gif) left top;
padding:5px;
font-weight:normal;
}

#mainBlock table td,
#feature table td{
border-bottom: 5px solid #FFFFFF;
border-collapse: collapse;
margin: 0;
padding: 5px;
vertical-align: top;
}

#mainBlock table td.middle,
#feature table td.middle{
vertical-align:middle;
}

#mainBlock table.noBorder,
#mainBlock table.noBorder th,
#mainBlock table.noBorder td {
border-collapse: collapse;
border:none !important;
padding:0 5px 0 0;
}
.nowrap {
	white-space:nowrap;
}
#mainBlock table.border,
#feature table.border{
	border-collapse:collapse !important;
	border-top:solid 1px #B5B5B5 !important;
	border-left:solid 1px #B5B5B5 !important;
}
#mainBlock table.border th,
#mainBlock table.border td,
#feature table.border th,
#feature table.border td {
	border-collapse:collapse !important;
	border-right:solid 1px #B5B5B5 !important;
	border-bottom:solid 1px #B5B5B5 !important;
}

.thc th {/* tableに指定するとthを一括でセンタリング */
	text-align:center;
}
.thl th {/* tableに指定するとthを一括で左詰め */
	text-align:left;
}
table#estimate_table {
	border-collapse:collapse !important;
	border-spacing:0px !important;
	border-top:solid 1px #cccccc !important;
}
table#estimate_table td {
	padding:5px 0;
	border-bottom:solid 1px #cccccc !important;
	line-height:150%;
}

/***************************************************
	link
--------------------------------------------------*/
.caution {
	font-weight:bold;
	color:#f00;
}
.icon_right {
	padding:0 15px 0 0;
	background:url(../img/icon/circle_right.gif) no-repeat center right;
}
.icon_left {
	padding:0 0 0 15px;
	background:url(../img/icon/circle_right.gif) no-repeat center left;
}
#mainBlock h4.icon_q {
    margin: 0 0 1em;
    padding: 10px 0;
}
.icon_q span {
    background: url(../img/icon/icon_q.gif) no-repeat scroll left center transparent;
    display: inline-block;
    padding: 0 0 0 35px;
}
.icon_a_main {
    background: url(../img/icon/icon_a.gif) no-repeat scroll left 5px transparent;
    margin: 0;
    padding: 0 0 30px 35px;
}
/***************************************************
	box
--------------------------------------------------*/
.box_recital {
	padding:5px;
	font-size:x-small;
	*font-size:xx-small;
	color:#999999;
	background:#f3f3f3;
}
.box_borderBottom {
	background:url(../img/common/line_dot02.gif) bottom repeat-x;
	padding-bottom:20px;
	margin-bottom:10px;
}
.box_grayLine {
	margin:20px 0;
	padding:5px;
	border:solid 1px #e0e0e0;
	background:#f6f6f6;
}
.box_grayLineBox {
	margin:20px 0;
	padding:5px;
	border:solid 1px #e0e0e0;
	background:#FFFFFF;
}
.box_grayLineBorder {
	margin:20px 0;
	padding:20px 0px;
	border-top:solid 1px #e0e0e0;
}
.box_grayLineBold {
	margin:20px 0;
	padding:5px;
	border:solid 3px #e0e0e0;
}
.box_grayBack {
	margin:0px 0px 20px;
	padding:10px;
	background:#F5F5F5;
	line-height:140%;
	color:#626262;
}
.box_attention {
	padding:20px 10px;
	text-align:center;
	background:#f3f3f3;
}
.resultsTitle {
    background: url(../img/common/bg_result_title.gif) repeat-x center top;
    border-bottom: 1px solid #E5E5E5;
    margin: 10px 0 30px;
    padding: 15px 10px;
    width: 639px;
}
.thanks{
}
.box_clumn2 {
    border: 1px solid #DADADA;
    margin-bottom: 20px;
}
.box_clumn2 dl {
    margin: 7px 0;
    padding: 0 5px;
    width: 48%;
}
.box_clumn2 dt {
    font-weight: bold;
    padding: 0 0 0.7em;
}
.clumn_left {
    border-right: 1px solid #DADADA;
    float: left;
}
.clumn_right {
    float: right;
}
.easy_list .icon {
    float: left;
    width: 60px;
		padding:5px 10px 0 5px;
}
.easy_list p {
    border-left: 3px solid #DADADA;
    float: left;
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    width: 565px;
}


.imgBlock_partner{
width:240px;
display:inline;
float:left;
margin:0;
padding:10px 20px 0 0;
}

.imgBox_partner{
width:238px;
height:220px;
border:1px solid #DCDCDC;
margin:0 0 20px;
cursor:pointer;
}

.imgBox_partner span{
display:none;
}

.txtBox_partner{
display:inline;
float:left;
width:400px;
}
/***************************************************
	prevnext
--------------------------------------------------*/
div.prevnext {
	clear:both;
	padding:0;
	border-top:solid 1px #999999;
}
div.prevnext p {
	margin:0;
	padding:0;
}

/***************************************************
	other
--------------------------------------------------*/
.hidden {
	display:none;
}

.date {
	margin:0 0 0.5em 0;
	font-weight:bold;
	color: #959595;
}

/***************************************************
  C O M M O N  C L A S S
--------------------------------------------------*/

.warningMessage {
  border:1px solid #FFBFB5;
  padding:5px;
  background-color:#FFE4DD;
  margin-bottom:5px;
}

.confirmMessage {
  border:1px solid #99CC99;
  padding:5px !important;
  background-color:#DDFFDD;
  margin-bottom:10px;
}

.noticeMessage {
  border:1px solid #EEDFD5;
  padding:5px;
  background-color:#FFF4EA;
  margin-bottom:5px;
}

.warningMessageOne {
  border:1px solid #FFBFB5;
  padding:5px;
  background-color:#FFE4DD;
  margin:3px 0px 3px 0px;
  color:#FF3500;
  font-size:83%;
  line-height:1.3;
}

/***************************************************
	各種メールフォーム用
--------------------------------------------------*/
#myform input.text, #myform textarea{
border:solid 2px #cccccc;
}
label.necessary{
	background:url(../img/common/icon_necessary.gif) right no-repeat;
}
#estimate_table input.necessary,
#myform input.necessary,#myform textarea.necessary {
border:solid 2px #ffcc00 !important;
}
input.noborder {
text-align:right;
border:none !important;
}

/*入力フォーム*/
input.TopWide{
	width:141px;
}

textarea.TopWide{
	width:141px;
	height:90px;
}

input.topMail{
height:15px !important;
}

* html body .mailRadio .middle{
vertical-align:baseline;
}

html>/**/body .mailRadio .middle{
margin:0 3px 0 0;
}

/*ボタン位置を合わせるためbackとsubmitのみCSS定義*/
input.form_submit {
display:inline-block;
width:235px;
height:35px;
text-indent:-9000px;
border:none;
background:url(../img/common/btn_form_submit.gif) no-repeat;
}
input.form_back {
display:inline-block;
width:125px;
height:35px;
text-indent:-9000px;
border:none;
background:url(../img/common/btn_form_back.gif) no-repeat;
}

input.ContentsWide{
	width:285px;
}

textarea.ContentsWide{
	width:99%;
	height:180px;
}

pre.console {
	display:block;
	width:400px;
	padding: 20px 4pt;
	color: white;
	background-color: #333333;
	font-family: courier, monospace;
	border: thin outset #d8e0d0;
	height:1%;
	overflow:auto;
	overflow-y:hidden;
}
hr {
	border:solid #DCDCDC;
	border-width:1px 0 0 0;
	height:1px;
	overflow:hidden;
}


/***************************************************
	List
--------------------------------------------------*/
/*parallel：並列リスト、番号は並列する数*/
#contentInner ul.parallel2,
#contentInner ul.parallel3,
#contentInner ul.parallel4 {
margin:1em auto;
}
#contentInner ul.parallel2 li,
#contentInner ul.parallel3 li, 
#contentInner ul.parallel4 li{
display:block;
float:left;
margin:0px -1em 0px 0px;
padding-bottom:0.5em;
}

#contentInner ul.parallel2 li {width:49%;}
#contentInner ul.parallel3 li {width:31%;}
#contentInner ul.parallel4 li {width:24%;}

input{
margin:0;
vertical-align:middle;
}
#search #contentInner {
padding:44px 50px 60px;
}
#contentInner .searchArea {
background:url(../img/common/bg_searchArea.gif) left top no-repeat;
width:370px;
height:30px;
margin:0;
padding:0;
overflow:hidden;
}
#contentInner #searchForm input.txt{
background:transparent;
float:left;
display:block;
width:325px;
height:25px;
line-height:25px;
border:none;
padding:2px 0 2px 5px;
outline: medium none;
overflow:hidden;
}
#contentInner input.searchBtn2 {
background:transparent;
float:right;
width:38px;
height:30px;
border:none;
outline: medium none;
margin:0;
padding:0;
overflow:hidden;
text-indent: -9000px;
}
#contentInner input.searchBtn2:hover {
}
body#search #contentInner h3,
#contentInner .search h3{
padding:0;
margin:0.5em 0 0 0!important;
background:none;
font-weight: normal;
}
input[type="image"] {
cursor:pointer;
}

input[type="submit"] {
cursor:pointer;
}

input[type="button"] {
cursor:pointer;
}
/***************************************************
	Support
--------------------------------------------------*/
.faqList li {
	padding:0 !important;
	background:none !important;
}
.label_aipo, .label_plus, .label_both {
	display:inline-block;
	padding:3px 5px;
	font-size:77%;
	text-align:center;
}
.label_aipo {background:#cfcfcf;}
.label_plus {background:#666;color:#fff;}
.label_both {background:#82cddd;}

/***************************************************
	do
***************************************************/
.issues_tab {
	width:650px;
	hight:40px;
	margin:3em 0 0 0 !important;
	padding:0 !important;
	background:url(../img/common/menu_do.gif) 0px 0px no-repeat;
}
.issues_tab li {
	float:left;
	width:210px;
	margin:0px !important;
	padding:0px !important;
	list-style:none;
	background:none !important;
	overflow:hidden;
}
.issues_tab a {
	display:block;
	width:210px;
	height:40px;
	text-indent:-9000px;
	overflow:hidden;
}
.tab_todo a  {background:url(../img/common/menu_do.gif) 0px 0px no-repeat;}
.tab_todo a:hover  {background:url(../img/common/menu_do.gif) 0px -40px no-repeat;}
.tab_todo a.selected  {background:url(../img/common/menu_do.gif) 0px -80px no-repeat;}

.tab_done a {background:url(../img/common/menu_do.gif) -210px 0px no-repeat;}
.tab_done a:hover {background:url(../img/common/menu_do.gif) -210px -40px no-repeat;}
.tab_done a.selected {background:url(../img/common/menu_do.gif) -210px -80px no-repeat;}

.tab_pend a {background:url(../img/common/menu_do.gif) -420px 0px no-repeat;}
.tab_pend a:hover {background:url(../img/common/menu_do.gif) -420px -40px no-repeat;}
.tab_pend a.selected {background:url(../img/common/menu_do.gif) -420px -80px no-repeat;}

.issues_func {
	margin:0 0 1em 0 !important;
}
.issues_func li {
	float:left;
	margin:0 !important;
	padding:0px !important;
	font-size:0.9em !important;
	background:none !important;
}
.issues_func a {
	display:block;
	margin:5px;
	white-space:nowrap;
}
.issues_func a.selected {
	margin:3px;
	padding:2px;
	color:#fff;
	background:#0044cc;
}

/***************************************************
	oem
***************************************************/

.oemList{
width:215px;
float:left;
display:inline;
margin:0 5px 0 0;
padding:0;
background:none;
}

.oem_img{
width:215px;
background:url(../img/free/bg_oem01.gif) bottom left no-repeat;
margin:0 0 5px;
padding:10px 0 40px;
text-align:center;
}

.oem_title{
width:195px;
color:#000000;
padding:0 10px;
margin:0 0 15px;
}

.oem_txt{
width:195px;
color:#434343;
font-size:12px !important;
padding:0 10px;
margin:0;
line-height:160%;
}

/***************************************************
	custom
***************************************************/

.customList{
width:325px;
float:left;
display:inline;
margin:0 5px 0 0;
padding:0;
background:none;
}

.custom_img{
width:325px;
background:url(../img/free/bg_custom01.gif) bottom left no-repeat;
margin:0 0 5px;
padding:10px 0 40px;
text-align:center;
}

.custom_title{
width:305px;
color:#000000;
padding:0 10px;
margin:0 0 15px;
}

.custom_txt{
width:305px;
color:#434343;
font-size:12px !important;
padding:0 10px;
margin:0;
line-height:160%;
}

/***************************************************
	point
***************************************************/
.pBox{
position:absolute;
top:15px;
right:30px;
text-align:center;
}
.pBox div{
margin-top:5px;
font-size:8pt;
font-weight:bold;
background:#f0f0f0}


/***************************************************
	plan
***************************************************/
.plan_s{
background:url(../img/plus/price_s.gif) top left no-repeat;
width:330px;
height:40px;
padding:15px 0 15px 95px;
margin:30px 0 10px;
}
.plan_m{
background:url(../img/plus/price_m.gif) top left no-repeat;
width:330px;
height:40px;
padding:15px 0 15px 95px;
margin:30px 0 10px;
}

.plan_function{
border:2px solid #DCDCDC;
padding:10px;
line-height:160%;
display:none;
}

.function_open{
display:inline-block;
margin:-1px 0 0 5px;
cursor:pointer;
color:#0044CC;
text-decoration:underline;
}
.function_open:hover{
	color:#0095d9 !important;
	text-decoration:none;
}


/***************************************************
	ClearFix
--------------------------------------------------*/
#entry #content,
#contentWrap,
#contentInner,
#mainVisual,
#pr,
#sitemapBlock,
#footer,
#mainBlock ul,
#index.user #sideBlock,
.entryList dl,
.resultsTitle,
.box_clumn2,
.easy_list,
.issues_tab,
.clearfix{/zoom:1;}
#entry #content:after,
#contentWrap:after,
#contentInner:after,
#mainVisual:after,
#pr:after,
#sitemapBlock:after,
#footer:after,
#mainBlock ul:after,
#index.user #sideBlock ul:after,
.entryList dl:after,
.resultsTitle:after,
.box_clumn2:after,
easy_list:after,
.issues_tab:after,
.clearfix:after{content:'';display:block;clear:both;height:0;}
