@charset "shift_jis";



body {

	font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", Sans-Serif;

 *font-size:small;/* for IE */

 *font:x-small;/* for IE in quirks mode */

	margin: 0;

	padding: 0;

	text-align: center;

	line-height: 1.5;

	background: #f2efe8;

	color: #666666;

}



/* defarult Set 

------------------------------------------------------*/

/* size demo */

/*#demo1 {font-size: 77%;} /*renders 10px */

/*#demo2 {font-size: 85%;} /*renders 11px */ 

/*#demo3 {font-size: 93%;} /*renders 12px */

/*#demo4 {font-size: 100%;} /*renders 13px */

/*#demo5 {font-size: 108%;} /*renders 14px */

/*#demo6 {font-size: 116%;} /*renders 15px */

/*#demo7 {font-size: 123.1%;} /*renders 16px */

/*#demo8 {font-size: 131%;} /*renders 17px */

/*#demo9 {font-size: 138.5%;} /*renders 18px */

/*#demo10 {font-size: 146.5%;} /*renders 19px */

/*#demo11 {font-size: 153.9%;} /*renders 20px */

/*#demo12 {font-size: 161.6%;} /*renders 21px */

/*#demo13 {font-size: 167%;} /*renders 22px */

/*#demo14 {font-size: 174%;} /*renders 23px */

/*#demo15 {font-size: 182%;} /*renders 24px */

/*#demo16 {font-size: 189%;} /*renders 25px */

/*#demo17 {font-size: 197%;} /*renders 26px */





p, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, address {

	margin: 0;

	padding: 0;

}



h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

}



img {

	border: none;

}



ul, ol {

	list-style: none;

}



a, object {

	outline: none;

}



table {

	border-collapse: collapse;

	font-size: inherit;

	font: 100%;

}



select, input, button, textarea {

	font:99%;

}



table {

	font-size:inherit;

	font:100%;

	border-collapse: collapse;

}



pre, code, kbd, samp, tt {

 *font-size:108%;

	line-height:100%;

}



/* clearfix */

/* for modern brouser */

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */



/*link color*/

a:link {

	color: #33aacc;

	text-decoration: none;

}



a:visited {

	color: #2a7d95;

	text-decoration: none;

}



a:active {

	color: #33aacc;

	text-decoration: underline;

}



a:hover {

	color: #33aacc;

	text-decoration: underline;

}



/* bread */

ul#bread {

	border-top: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	background: #edefef;

	margin: 0 5px;

	padding: 7px 20px 5px;

	line-height: 1.0;

	font-size: 85%;

}

ul#bread li {

	float: left;

	padding-right: 0.5em;

}





/* base settigns */

#container {

	width: 960px;

	margin: 0 auto;

	text-align: left;

	background: url(/common/img/bg_container.gif) repeat-y;

}

#content {

	padding: 20px 20px 50px;

	margin: 0 5px;

}



#main {

	width: 650px;

	float: left;

}





/* header settings

------------------------------------------------------*/

#header {

	padding: 0 20px 11px;

	margin: 0 5px;

}



#header h1, #header p {

	width: 473px;

	float: left;

	padding-top: 11px;

}



#header #headFlashArea {

	float: right;

}



#header #headFlashArea #headFlash {

}

#header #headFlashArea #headFlash ul {

	height: 59px;

}

#header #headFlashArea #headFlash ul li {

	display: inline;

	margin-left: 2px;

}





/* gNav settings

------------------------------------------------------*/

#gNav ul,

#gNav ul li,

#gNav ul li ul,

#gNav ul li ul li {

	zoom: 1;

}



#gNav ul {

	margin: 0 5px;

}

#gNav ul li {

	float: left;

	position: relative;

}

#gNav ul li img {

	vertical-align: top;

}



#gNav ul li ul li {

	float: none;

	clear: both;

	text-align: left;

	background: url(/common/img/line_nav.gif) left bottom no-repeat;

	margin: 0 18px;

	padding: 0;

	font-size: 85%;

	width: 464px;

	height: auto;

}

*:first-child+html #gNav ul li ul li {

	margin: -3px 18px 0;

}



#gNav ul li ul li .serviceNamePC {

	width: 170px;

	display: block;

	float: left;

	background: url(/common/img/ico_pc.gif) no-repeat;

	padding: 0 0 0 18px;

}

#gNav ul li ul li .serviceNameMB {

	width: 170px;

	display: block;

	float: left;

	background: url(/common/img/ico_mobile.gif) no-repeat;

	padding: 0 0 0 18px;

}

#gNav ul li ul li .serviceNameSMP {

	width: 170px;

	display: block;

	float: left;

	background: url(/common/img/ico_smartphone.gif) no-repeat;

	padding: 0 0 0 18px;

}

/* 20140910 fix */
#gNav ul li ul li .serviceNameALL {

	width: 144px;

	display: block;

	float: left;

	background: url(/common/img/ico_ALL.gif) no-repeat;

	padding: 0 0 0 44px;

}

#gNav ul li ul li .serviceNamePC_SP {

	width: 157px;

	display: block;

	float: left;

	background: url(/common/img/ico_pc_sp.gif) no-repeat;

	padding: 0 0 0 31px;

}

#gNav ul li ul li .serviceNamePC_MB {

	width: 157px;

	display: block;

	float: left;

	background: url(/common/img/ico_pc_mob.gif) no-repeat;

	padding: 0 0 0 31px;

}

/* 20140910 fix end*/

#gNav ul li ul li .serviceKind {

	width: 200px;

	display: block;

	float: left;

	padding: 0;

}

#gNav ul li ul li a {

	white-space: nowrap;

	display: block;

	width: 448px;

	padding: 7px 8px 5px ;

	margin: 1px 0 2px;

	color: #33aacc;

	z-index: 999;

}

#gNav ul li ul li a:hover {

	text-decoration: none;

	background: #eaf9f9;

	color: #33aacc;

	cursor: pointer;

}



#gNav ul li ul {

	display: none;

	width: 500px;

	padding: 27px 0 26px;

	border: 1px solid #bdbdbd;

	background: #ffffff url(/common/img/line_nav.gif) 18px 26px no-repeat;

}

*:first-child+html #gNav ul li ul {

	padding: 30px 0 26px;

}



#gNav ul li:hover ul {

	display: block;

	background: #ffffff url(/common/img/line_nav.gif) 18px 26px no-repeat;

	position: absolute;

	top: 36px;

	left: -5px;

	z-index: 100;

}



* html #gNav ul li:hover ul {

	vertical-align: bottom;

}





/* sideNav settings

------------------------------------------------------*/

#sideNav {

	width: 240px;

	float: right;

	padding: 0 0 40px;

}

#sideNav .Ranking {

	background: url(/common/img/bg_ranking.gif) left bottom no-repeat;

	margin: 0 0 10px;

	padding: 0 0 5px;

}

#sideNav .Ranking table {

	border: none;

	background: #ffffff;

	margin: 0 4px;

	font-size: 77%;

	line-height: 1.2;

	width: 232px;

}

#sideNav .Ranking table th {

	border-right: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

	padding: 5px 10px;

	vertical-align: top;

}

#sideNav .Ranking table td {

	border-left: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

	padding: 8px 10px 4px;

	vertical-align: middle;

}

#sideNav .Ranking table td.right {

	letter-spacing: 0.1em;

}



#sideNav .Ranking table tr.even {

	background: #f8f8f8;

}





#sideNav .rankNote {

	font-size: 85%;

	line-height: 1.1;

	margin: 0 0 15px;

}



#sideNav ul#supportArea {

	padding: 0 0 5px;

}

#sideNav ul#supportArea li {

	margin: 0px 1px 5px;

	border-top: 1px solid #dddddd;

	border-bottom: 1px solid #dddddd;

}

#sideNav ul#supportArea li p {

	margin: 0px -1px;

	border-left: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

}

#sideNav ul#supportArea li p a {

	background: url(/common/img/ico_link_l.gif) 4px 4px no-repeat;

	display: block;

	padding: 4px 10px 4px 30px;

}



#sideNav ul#sideBnrArea {

	padding: 0 0 15px;

}

#sideNav ul#sideBnrArea li {

	margin: 0 0 5px;

}

#sideNav ul#sideBnrArea li img {

	vertical-align: top;

}



#sideNav #otherLink {

	background: url(/common/img/line_dashed02.gif) repeat-x;

}

#sideNav #otherLink dl {

	background: url(/common/img/line_dashed02.gif) left bottom repeat-x;

	padding: 10px 0 10px 4px;

}

#sideNav #otherLink dl dt {

	float: right;

	width: 58px;

}

#sideNav #otherLink dl dd {

	float: left;

	width: 165px;

}

#sideNav #otherLink dl dd p {

	font-size: 85%;

	margin: 0 0 0 13px;

}

#sideNav #otherLink dl dd h3 {

}

#sideNav #otherLink dl dd h3 img {

	margin: 0 5px 0 0;

}





/* footerSitemap settings

------------------------------------------------------*/

#footerSitemap {

	clear: both;

	float: none;

	background: #edefef url(/common/img/bg_footer_sitemap.gif) repeat-x;

	padding: 13px 20px 10px 40px;

	line-height: 1.2;

	margin: 0 5px;

}

#footerSitemap #sitemapArea {

	width: 640px;

	float: left;

	padding: 13px 0 0;

}

#footerSitemap #sitemapArea #serviceList {

	width: 370px;

	float: left;

}

#footerSitemap #sitemapArea #serviceList div {

	padding: 0 10px;

}

#footerSitemap #sitemapArea #serviceList p {

	background: url(/common/img/line_dashed.gif) left bottom repeat-x;

	padding: 0 0 10px;

	margin: 0 0 10px;

}

#footerSitemap #sitemapArea #serviceList p img {

	margin: 0 5px -3px 0;

}

#footerSitemap #sitemapArea #serviceList ul {

	font-size: 85%;

}

#footerSitemap #sitemapArea #serviceList ul img {

	margin: 0 5px -2px 0;

}

#footerSitemap #sitemapArea #serviceList ul li {

	margin: 0 0 7px;

	padding: 0 10px 0 18px;

	text-indent: -18px;

}

#footerSitemap #sitemapArea #serviceList ul.pcList {

	float: left;

	width: 175px;

}

#footerSitemap #sitemapArea #serviceList ul.mbList {

	float: right;

	width: 175px;

}

#footerSitemap #sitemapArea #siteList {

	float: right;

	width: 230px;

}

#footerSitemap #sitemapArea #siteList li {

	margin: 0 0 22px;

	text-indent: -18px;

	ppadding-left: 18px;

}

#footerSitemap #sitemapArea #siteList li img {

	margin: 0 5px -3px 0;

}



#footerSitemap #footBnrArea {

	float: right;

	width: 240px;

}

#footerSitemap #footBnrArea #serviceFlash {

	margin: 0 0 10px;

}

#footerSitemap #footBnrArea ul {

}

#footerSitemap #footBnrArea ul li {

	margin: 0 0 5px;

}

#footerSitemap #footBnrArea ul li img {

	vertical-align: top;

}





/* footer settings

------------------------------------------------------*/

#footer {

	clear: both;

	float: none;

	background: #71c9d4;

	color: #ffffff;

	padding: 10px 40px 0;

	position: relative;

	font-size: 85%;

	line-height: 1.1;

	margin: 0 5px;

}

#footer p {

	padding: 0 0 5px;

}

#footer ul {

	position: absolute;

	top: 10px;

	right: 20px;

	text-align: right;

}

#footer ul li {

	display: inline;

	border-right: 1px solid #ffffff;

	padding: 2px 5px 0 3px;

}

#footer ul li.lastChild {

	border-right: none;

}



#footer ul li a {

	color: #ffffff;

}

#footer ul li a:hover {

	color: #ffffff;

}





/* common compornets */

#mainVisual {

	margin: 0 5px;

}



#content h1 {

	margin: 0 0 17px;

}



.h2Title {

	background: #71c9d4 url(/common/img/bg_h2_top.gif) no-repeat;

	clear: both;

	float: none;

}

.h2Title h2 {

	background: url(/common/img/bg_h2_bt.gif) left bottom no-repeat;

	padding: 7px 10px 6px;

	font-weight: bold;

	color: #ffffff;

	line-height: 1.3;

}



.fl {

	float: left;

}

.fr {

	float: right;

}



.pagetop {

	text-align: right;

	padding: 0 0 20px;

}



.note {

	font-size: 85%;

	line-height: 1.4;

	color: #888888;

	text-indent: -1em;

	padding-left: 1em;

	margin: 3px 0 0;

}



.caution {

	font-size: 85%;

	line-height: 1.4;

	color: #888888;

	margin: 0 0 6px 10px;

}





.left {

	text-align: left;

}

.right {

	text-align: right;

}

.center {

	text-align: center;

}

.top {

	vertical-align: top;

}



.red {

	color: #ff0000;

}



#contactArea {

	background: url(/common/img/bg_contact.gif) no-repeat;

	padding: 5px 5px 6px;

}





p.link {

	margin: 0.5em 0 0;

}

p.link img {

	margin: 0 5px -3px 0;

}