@charset "utf-8";


/*++++++++++++++++++++
@import
+++++++++++++++++++++*/
@import url("reset.css");


/*++++++++++++++++++++
body
+++++++++++++++++++++*/
body {
	color		:#333;
	background	:#fafafa url(/common/img/body_bg.png) repeat-y center top;
}
#page {
	position	:relative;
	width		:940px;
	margin		:0 auto;
}


/*++++++++++++++++++++++++++++++++++++++++
Common Settings
++++++++++++++++++++++++++++++++++++++++*/
/* clearfix */
.clearfix:after {
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*html .clearfix {zoom:1;} /* IE6 */
*:first-child+html .clearfix {zoom:1;} /* IE7 */

.fleft	{float:left;}
.fright	{float:right;}

.clearText {overflow:hidden;}

.left	{text-align:left;}
.center	{text-align:center;}
.right	{text-align:right;}

.fs12	{font-size:12px;}
.fs13	{font-size:13px;}
.fs14	{font-size:14px;}
.fs15	{font-size:15px;}
.fs16	{font-size:16px;}

.bold	{font-weight:bold;}

.mB12em	{margin-bottom:1.2em !important;}
.mB05	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}
.mB15	{margin-bottom:15px !important;}
.mB20	{margin-bottom:20px !important;}
.mB25	{margin-bottom:25px !important;}
.mB30	{margin-bottom:30px !important;}
.mB35	{margin-bottom:35px !important;}
.mB40	{margin-bottom:40px !important;}
.mR5	{margin-right:5px !important;}
.mR10	{margin-right:10px !important;}
.mR15	{margin-right:15px !important;}
.mR20	{margin-right:20px !important;}

.red	{color:#E60012;}

.arrow {
	padding		:0 0 0 15px;
	background	:url(/common/img/icon_arrow.png) no-repeat 0 6px;
}


/*++++++++++++++++++++
Basic Anchor Settings
+++++++++++++++++++++*/
a {
	color		:#09c;
	text-decoration	:underline;
}
a:visited {
	text-decoration	:underline;
}
a:hover {
	text-decoration	:none;
}
#header a {
	color		:#ccc;
	text-decoration	:none;
}
#header a:visited {
	text-decoration	:none;
}
#header a:hover {
	text-decoration	:underline;
}
#side a {
	text-decoration	:none;
}
#side a:visited {
	text-decoration	:none;
}
#side a:hover {
	text-decoration	:underline;
}
#footer a {
	color		:#999;
	text-decoration	:none;
}
#footer a:visited {
	text-decoration	:none;
}
#footer a:hover {
	text-decoration	:underline;
}


/*++++++++++++++++++++
tab
+++++++++++++++++++++*/
#webTop {
	position	:absolute;
	left		:-40px;
	top		:130px;
}
#blogTop {
	position	:absolute;
	left		:-40px;
	top		:280px;
}
#pageTop {
	position	:fixed;
	right		:12px;
	bottom		:12px;
}
#webTop a, #blogTop a {
	display		:block;
	width		:40px;
	height		:133px;
	background	:url(/common/img/tab.png) no-repeat;
}
#webTop a {background-position:0 0;}
#webTop a:hover {background-position:-40px 0;}
#blogTop a {background-position:0 -133px;}
#blogTop a:hover{background-position:-40px -133px;}
#pageTop a {
	display		:block;
	width		:90px;
	height		:29px;
	background	:url(/common/img/pagetop.png) no-repeat;
}
#pageTop a:hover {background-position:0 -29px;}
#webTop a span, #blogTop a span, #pageTop a span {display:none;}


/*++++++++++++++++++++
header
+++++++++++++++++++++*/
#header {
	padding		:5px 10px 0;
}
#header h1 {
	margin		:0 0 50px;
}
#header h2 {
	float		:left;
	margin		:0 0 0 30px;
}
#header h2 a {
	display		:block;
	width		:310px;
	height		:156px;
	background	:url(/common/img/header_h2.png) no-repeat;
}
#header h2 a span {
	display		:none;
}

/* global navi */
#gnavi {
	float		:right;
	width		:480px;
	margin		:0 30px 0 0;
}
/* gnavi title */
#gnavi dl dt {
	width		:150px;
	height		:11px;
	background	:url(/common/img/gnavi_title.png) no-repeat;
}
#gnavi dl dt span {display:none;}
#gnavi dl.menu10 dt {margin:0 0 6px;background-position:0 0;}
#gnavi dl.menu20 dt {margin:12px 0 6px;background-position:0 -11px;}

/* gnavi menu */
#gnavi dl dd {float:left;}
#gnavi dl.menu10 dd {margin:0 5px 6px 0;}
#gnavi dl.menu20 dd {margin:0 3px 6px 0;}
#gnavi dl dd.last {margin-right:0;}
#gnavi dl dd a {
	display		:block;
	height		:30px;
	background	:url(/common/img/gnavi_menu.png) no-repeat;
}
#gnavi dl dd a span {display:none;}
#gnavi dl dd.menu11 a {width:97px;background-position:0 0;}
#gnavi dl dd.menu11 a:hover {background-position:-188px 0;}
#gnavi dl dd.menu12 a {width:136px;background-position:0 -30px;}
#gnavi dl dd.menu12 a:hover {background-position:-188px -30px;}
#gnavi dl dd.menu13 a {width:116px;background-position:0 -60px;}
#gnavi dl dd.menu13 a:hover {background-position:-188px -60px;}
#gnavi dl dd.menu14 a {width:116px;background-position:0 -90px;}
#gnavi dl dd.menu14 a:hover {background-position:-188px -90px;}
#gnavi dl dd.menu15 a {width:97px;background-position:0 -120px;}
#gnavi dl dd.menu15 a:hover {background-position:-188px -120px;}
#gnavi dl dd.menu16 a {width:116px;background-position:0 -150px;}
#gnavi dl dd.menu16 a:hover {background-position:-188px -150px;}
#gnavi dl dd.menu17 a {width:136px;background-position:0 -180px;}
#gnavi dl dd.menu17 a:hover {background-position:-188px -180px;}
#gnavi dl dd.menu18 a {width:116px;background-position:0 -210px;}
#gnavi dl dd.menu18 a:hover {background-position:-188px -210px;}
#gnavi dl dd.menu21 a {width:97px;background-position:0 -240px;}
#gnavi dl dd.menu21 a:hover {background-position:-188px -240px;}
#gnavi dl dd.menu22 a {width:188px;background-position:0 -270px;}
#gnavi dl dd.menu22 a:hover {background-position:-188px -270px;}
#gnavi dl dd.menu23 a {width:188px;background-position:0 -300px;}
#gnavi dl dd.menu23 a:hover {background-position:-188px -300px;}
#gnavi dl dd.menu24 a {width:97px;background-position:0 -330px;}
#gnavi dl dd.menu24 a:hover {background-position:-188px -330px;}
#gnavi dl dd.menu25 a {width:188px;background-position:0 -360px;}
#gnavi dl dd.menu25 a:hover {background-position:-188px -360px;}
#gnavi dl dd.menu26 a {width:188px;background-position:0 -390px;}
#gnavi dl dd.menu26 a:hover {background-position:-188px -390px;}


/*++++++++++++++++++++
wrapper
+++++++++++++++++++++*/
#wrapper {
	margin		:40px 40px 50px;
}


/*++++++++++++++++++++
main
+++++++++++++++++++++*/
#main {
	float		:right;
	width		:570px;
}
#main h2 {
	margin		:0 0 5px;
}
#main h3 {
	height		:44px;
	line-height	:44px;
	margin		:25px 0;
	color		:#fff;
	font-size	:14px;
	font-weight	:bold;
	text-align	:center;
	background	:#999;
}
#main h4 {
	margin		:0 0 30px;
}

#main .section {
	margin		:0 0 25px;
	padding		:20px 0 0;
}
#main .section:last-child {
	margin		:0 0;
}
#main .section-header {
	margin		:0 0 30px;
}
#main .section-body p {
	margin		:0 0 1.2em;
}
#main .section-body p:last-child {
	margin		:0 0;
}
#main .section-body table {
	width		:100%;
}
#main .section-body table th {
	background	:#f8f8f8;
}
#main .section-body table th,
#main .section-body table td {
	padding		:15px;
	border		:1px solid #ccc;
}
#main .section-body .borderBox {
	padding		:8px;
	border		:1px dotted #999;
}

/* service */
#main .section-body table.serviceTable th {
	width		:320px;
}
#main .section-body ul.servicePoint li {
	margin		:0 0 1.2em;
	padding		:0 0 0 30px;
	background	:url(/common/img/icon_point.png) no-repeat 0 0;
}
#main .section-body ul.servicePoint li:last-child {
	margin		:0 0;
}
#main .section-body .ameblohpFeature div {
	width		:260px;
	padding		:10px 9px;
	font-size	:12px;
	background	:#f5f5f5;
}

/* flow */
#main .section-body dl#flow {
	margin		:0 0 30px;
}
#main .section-body dl#flow dd {
	padding		:20px 0 20px 85px;
	min-height	:80px;
	border-bottom	:1px dotted #999;
}
#main .section-body dl#flow dd#flow01 {background:url(/flow/img/icon_01.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow02 {background:url(/flow/img/icon_02.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow03 {background:url(/flow/img/icon_03.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow04 {background:url(/flow/img/icon_04.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow05 {background:url(/flow/img/icon_05.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow06 {background:url(/flow/img/icon_06.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow07 {background:url(/flow/img/icon_07.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow08 {background:url(/flow/img/icon_08.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow09 {background:url(/flow/img/icon_09.png) no-repeat 0 20px;}
#main .section-body dl#flow dd#flow10 {background:url(/flow/img/icon_10.png) no-repeat 0 20px;min-height:50px;}

/* faq */
#main .section-body dl#faq {
	margin		:0 0 30px;
}
#main .section-body dl#faq dt,
#main .section-body dl#faq dd {
	min-height	:50px;
}
#main .section-body dl#faq dt {
	padding		:20px 0 0 85px;
	font-weight	:bold;
	background	:url(/faq/img/icon_q.png) no-repeat 0 20px;
}
#main .section-body dl#faq dd {
	padding		:20px 0 20px 85px;
	border-bottom	:1px dotted #999;
	background	:url(/faq/img/icon_a.png) no-repeat 0 20px;
}

/* regulation */
#main .section-body dl#regulation {
}
#main .section-body dl#regulation dt {
	padding		:20px 0;
	font-weight	:bold;
}
#main .section-body dl#regulation dd {
	padding		:0 0 20px;
	border-bottom	:1px dotted #999;
}

/* recruit */
#main .section-body table.recruitTable th {
	width		:150px;
}



/*++++++++++++++++++++
side
+++++++++++++++++++++*/
#side {
	position	:relative;
	float		:left;
	width		:260px;
}
#side ul#sideMenu {
	border-top	:1px dotted #999;
}
#side ul#sideMenu li {
	border-bottom	:1px dotted #999;
}
#side ul#sideMenu li a {
	display		:block;
	padding		:8px 0 8px 15px;
	background	:url(/common/img/icon_arrow.png) no-repeat 2px 14px;
}


/*++++++++++++++++++++
footer
+++++++++++++++++++++*/
#footer {
	position	:relative;
	padding		:40px 40px 20px;
	color		:#999;
	background	:#f9f9f9 url(/common/img/footer_bg.png) repeat-x;
}
#footer span {
	display		:none;
}

/* footer navi */
#fnavi dl {
	float		:left;
	width		:260px;
	margin		:0 40px 110px 0;
}
#fnavi dl.last {
	margin-right	:0;
}
#fnavi dl dt {
	padding		:0 0 10px;
	color		:#666;
	font-size	:14px;
	font-weight	:bold;
	border-bottom	:1px solid #ccc;
}
#fnavi dl dd {
	border-bottom	:1px solid #ccc;
}
#fnavi dl dd a {
	display		:block;
	padding		:8px 0;
}

#fmessage {
	position	:absolute;
	right		:88px;
	bottom		:20px;
	width		:178px;
	height		:172px;
	background	:#f9f9f9 url(/common/img/footer_message.png) no-repeat;
}
#footer address {
	width		:89px;
	height		:12px;
	background	:#f9f9f9 url(/common/img/footer_copyright.png) no-repeat;
}