@charset "Shift_JIS";

/* =====================================================
THIS IS FOR 004.html , tenshoku01.html & haken01.html
===================================================== */

/* ==================
FONT
================== */

body,td,th {
	/*font-family: "Osaka-mono","Osaka−等幅","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",monospace;*/
	font-family: "ヒラギノ角ゴ Pro W3","Osaka","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.35;
	color: #555555;
}

head~/* */body { font-size: 75%; }  /* for IE8 */
html:not(:target) body { font-size: 12px; }  /* for mordern except IE8 */


select, input, textarea{ font-size: 12px; line-height: 1.2; }
input{ vertical-align: middle; }

/*** safari専用 ***/
html:not(:only-child:only-child) body,td,th {
	line-height: 1.4;
}
/** Opera9専用 **/
body,td,th:not(\*|*) {
	line-height: 1.4;
}

div,p,dl,dt,dd,ul,ol,li,th,td,h1,h2,h3,h4,h5,h6,form,input,textarea,blockquote{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
/* IE6以前専用（Win,Mac共）※但しMacIE5対応には別指定が必要 */
* html div,p,dl,dt,dd,ul,ol,li,th,td,h1,h2,h3,h4,h5,h6,form,input,textarea,blockquote {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

em{font-weight:bold;font-style:normal;}

.txtAccent01{color:#ed4070;}
/* ==================
COMMON PARTS
================== */

hr{ display: none; height: 0;}
img{ border: none; }
li{ list-style: none;}
table{
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

body {
	margin: 0;
	padding: 0;
}


a {
	margin: 0px;
	padding: 0px;
	color: #0000ff;
	border: none;
}
a:visited {
	color: #0000cc;
	border: none;
}
a:hover {
	color: #cc0000;
	border: none;
}
a:active {
	color: #ff0000;
	border: none;
}
img {
	border: none;
	vertical-align: top;
}
ul,li,dl,dt,dd {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,blockquote,form,button {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
textarea {
	resize: none;
}

/* ==========================
SECTION AND ANY MARIGN THINGS
========================== */
.sectionSS{margin-bottom:5px !important;}
.sectionS{margin-bottom:10px !important;}
.sectionM{margin-bottom:15px !important;}
.sectionL{margin-bottom:20px !important;}
.sectionXL{margin-bottom:45px !important;}
.red-line{margin-bottom:20px !important;}
.hasFollower{margin-bottom:3px; !important;}

/* ==================
CLEARFIX
================== */

/* IE以外のブラウザ向け \*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* IE7およびMacIE5向け \*/
.clearfix {
	display: inline-block;
}
/* IE6以前向け \*/
/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ==================
HEADER
================== */
#Header{
	width:930px;
	margin: 0 auto;
	position:relative
}


#HeaderLogo{
	padding:10px 0 0 10px;
}
#HeaderLogoL{ 
	float:left;
	width:165px;
	margin-right:8px;
}
#HeaderLogoR{
	float:left;
	width:139px;
}

#HeaderRight {
	position: absolute;
	left: 640px;
	top: 10px;
}


/* =============================
DECLARE AS PARTS MODULE 
============================= */

body{ background: #d5e9f0;}
body#Haken{background:#ffd3d3;}

#ContentMainArea{
	width: 930px;
	margin:0 auto;
}

#ContentOuter{
	width:936px;
	background: url(../../img/2011apr/cmn_bg_shadow01.gif) repeat-y left top;
	margin: 0 auto;
	padding-bottom:20px;

}

body#Haken #ContentOuter{
	background: url(../../img/2011apr/cmn_bg_shadow02.gif) repeat-y left top;
}
/* =============================
tensyoku
============================= */


#TensyokuParent{
	position:relative;
}

#TensyokuChild01,
#TensyokuChild02,
#TensyokuChild03,
#TensyokuChild04,
#TensyokuChild05{
	position:absolute;
}

#TensyokuChild01{left:35px; top:80px;}
#TensyokuChild02{left:264px; top:325px;}
#TensyokuChild03{left:160px; top:318px;}
#TensyokuChild04{left:50px; top:318px;}
#TensyokuChild05{left:383px; top:297px;}

/* =============================
FileFlow for tenshoku01.html
============================= */

#FileFlowParent{
	background: url(../../img/2011apr/bg_file00_flow.jpg) no-repeat left top;
	width:890px;
	height:168px;
	margin-left:21px;
	position:relative;
}

#FileFlowChild01,
#FileFlowChild02,
#FileFlowChild03,
#FileFlowChild04,
#FileFlowChild05,
#FileFlowChild06,
#FileFlowChild07,
#FileFlowChild08,
#FileFlowChild09{
	position:absolute;
}

#FileFlowChild01{left:27px; top:17px;}
#FileFlowChild02{left:27px; top:42px;}
#FileFlowChild03{left:35px; top:102px; width:243px;}
#FileFlowChild04{left:315px; top:17px;}
#FileFlowChild05{left:315px; top:42px;}
#FileFlowChild06{left:323px; top:102px; width:243px;letter-spacing:-1px;}
#FileFlowChild07{left:602px; top:17px;}
#FileFlowChild08{left:602px; top:42px;}
#FileFlowChild09{left:607px; top:102px;width:243px;}


/* =============================
NumberChapt for 004.html
============================= */

#NumberChaptParent{
	background: url(../../img/2011apr/bg_common01.jpg) no-repeat left top;
	width:887px;
	height:277px;
	margin-left:21px;
	position:relative;
}

#NumberChaptChild01,
#NumberChaptChild02,
#NumberChaptChild03,
#NumberChaptChild04,
#NumberChaptChild05,
#NumberChaptChild06,
#NumberChaptChild07,
#NumberChaptChild08,
#NumberChaptChild09,
#NumberChaptChild10,
#NumberChaptChild11,
#NumberChaptChild12,
#NumberChaptChild13,
#NumberChaptChild14,
#NumberChaptChild15,
#NumberChaptChild16,
#NumberChaptChild17,
#NumberChaptChild18{
	position:absolute;
}

#NumberChaptChild01{left:27px; top:15px;}
#NumberChaptChild02{left:80px; top:25px;}
#NumberChaptChild03{left:35px; top:88px; width:243px;}
#NumberChaptChild04{left:316px; top:15px;}
#NumberChaptChild05{left:367px; top:25px;}
#NumberChaptChild06{left:323px; top:88px; width:243px;letter-spacing:-1px;}
#NumberChaptChild07{left:603px; top:15px;}
#NumberChaptChild08{left:658px; top:25px;}
#NumberChaptChild09{left:607px; top:86px;width:243px;}
#NumberChaptChild10{left:27px; top:145px;}
#NumberChaptChild11{left:82px; top:156px;}
#NumberChaptChild12{left:34px; top:217px;width:243px;}
#NumberChaptChild13{left:316px; top:145px;}
#NumberChaptChild14{left:367px; top:153px;}
#NumberChaptChild15{left:322px; top:217px;width:243px;}
#NumberChaptChild16{left:603px; top:145px;}
#NumberChaptChild17{left:653px; top:153px;}
#NumberChaptChild18{left:607px; top:217px;width:243px;}


/* =============================
HakenNumberChapt for haken01.html
============================= */

#HakenNumberChaptParent{
	background: url(../../img/2011apr/haken_bg_02.jpg) no-repeat left top;
	width:894px;
	height:172px;
	margin-left:19px;
	position:relative;
}

#HakenNumberChaptChild01,
#HakenNumberChaptChild02,
#HakenNumberChaptChild03,
#HakenNumberChaptChild04,
#HakenNumberChaptChild05,
#HakenNumberChaptChild06,
#HakenNumberChaptChild07,
#HakenNumberChaptChild08,
#HakenNumberChaptChild09,
#HakenNumberChaptChild10,
#HakenNumberChaptChild11,
#HakenNumberChaptChild12,
#HakenNumberChaptChild13,
#HakenNumberChaptChild14,
#HakenNumberChaptChild15,
#HakenNumberChaptChild16,
#HakenNumberChaptChild17,
#HakenNumberChaptChild18{
	position:absolute;
}

#HakenNumberChaptChild01{left:39px; top:25px;}
#HakenNumberChaptChild02{left:80px; top:48px;}
#HakenNumberChaptChild03{left:35px; top:105px; width:243px;}
#HakenNumberChaptChild04{left:328px; top:24px;}
#HakenNumberChaptChild05{left:347px; top:48px;}
#HakenNumberChaptChild06{left:323px; top:105px; width:243px;}
#HakenNumberChaptChild07{left:615px; top:25px;}
#HakenNumberChaptChild08{left:621px; top:48px;}
#HakenNumberChaptChild09{left:614px; top:105px;width:243px;}

/* =============================
HakenMainVisual for haken01.html
============================= */


#HakenMainVisualParent{

	position: relative;
	width:930px;
	margin-left:1px;
	}
#HakenMainVisualChild01{
	position:absolute;
	left:65px;
	top:440px;
	}
/* =============================
BunnerArea
============================= */

#BunnerArea{margin:0 auto;width:811px;}

/* =============================
FORM
============================= */

#FrmSubmit01Unit{
	width:811px;
	margin:0 auto;
}

#FormCrown{
	border-bottom:2px solid #e59934;
	width:811px;
}

.form-tbl {border-top: none !important;}


/* =============================
FourStepArea
============================= */

#FourStepParent{
	background: url(../../img/2011apr/bg_four_steps.jpg) no-repeat left top;
	width:886px;
	height:238px;
	margin-left:21px;
	position:relative;
	color:#000;
}

#FourStepChild01,
#FourStepChild02,
#FourStepChild03,
#FourStepChild04,
#FourStepChild05,
#FourStepChild06,
#FourStepChild07,
#FourStepChild08,
#FourStepChild09,
#FourStepChild10,
#FourStepChild11,
#FourStepChild12{
	position:absolute;
}

#FourStepChild01{left:34px; top:32px;}
#FourStepChild02{left:34px; top:66px;}
#FourStepChild03 {left: 34px;top: 137px;width: 168px;letter-spacing:-1px;line-height:13px;}
#FourStepChild04{left:252px; top:32px;}
#FourStepChild05{left:252px; top:66px;}
#FourStepChild06{left:252px; top:137px; width:168px;letter-spacing:-1px;line-height:13px;}
#FourStepChild07{left:465px; top:32px;}
#FourStepChild08{left:465px; top:66px;}
#FourStepChild09{left:465px; top:137px; width:168px;letter-spacing:-1px;line-height:13px;}
#FourStepChild10{left:687px; top:32px;}
#FourStepChild11{left:687px; top:66px;}
#FourStepChild12{left:687px; top:137px;width:167px;letter-spacing:-1px;line-height:13px;}


/* =============================
RUMOR
============================= */

#rumorBoxParent{
	background: url(../../img/2011apr/bg_rumor.jpg) no-repeat left top;
	width:887px;
	height:241px;
	margin-left:21px;
	position:relative;
	font-size:11px;
}

#RumorChild01,
#RumorChild02,
#RumorChild03,
#RumorChild04,
#RumorChild05,
#RumorChild06,
#RumorChild07,
#RumorChild08,
#RumorChild09,
#RumorChild10,
#RumorChild11,
#RumorChild12{
	position:absolute;
	font-size:11px;
}

#RumorChild01{left:34px; top:22px;}
#RumorChild02{left:34px; top:100px;}
#RumorChild03 {left: 217px;top: 97px;}
#RumorChild04{left:455px; top:25px;}
#RumorChild05{left:514px; top:28px; width:343px;letter-spacing:-1px;}
#RumorChild06{left:455px; top:165px;}
#RumorChild07{left:514px; top:94px; width:343px;letter-spacing:-1px;}
#RumorChild08{left:455px; top:94px;}
#RumorChild09{left:514px; top:175px; width:343px;letter-spacing:-1px;}
#RumorChild10{left:150px; top:210px;}

/* =============================
ApplyButton
============================= */

#ApllyButton{
	margin: 0 auto;
	width:880px;
	padding-bottom:45px;
	border-bottom: 2px solid #cbcbcb;
}


/* =============================
Tweet
============================= */

#TweetFollowMe{
	width:886px;
	margin: 0 auto;
}

#TweetContent{
	padding:0 11px 10px;
	border-left:3px solid #e2e2e2;
	border-right:3px solid #e2e2e2;
	border-bottom:3px solid #e2e2e2;
}

#TweetLeft,
#TweetRight{ float:left;}

#TweetLeft{width:262px; margin-right:20px;}
#TweetRight{width:574px;}

/* =============================
FormArea
============================= */

#FormArea{margin:0 auto;width:812px;}

/* ==================
FOOTER
================== */

#Footer{
	width:882px;
	margin:0 auto;
	background:#a3a3a3;
	padding:5px 24px;
}
#Footer ul{width:500px;float:left;}
#Footer li{
	float:left;
	margin-right:13px;
}
#Footer li.link01{
	background: url(../../img/2011apr/arrow01.jpg) no-repeat left 50%;
}

#Footer li span{
	padding-left:14px;
	
}
#Footer li a{
	color:#FFFFFF;
	text-decoration:none;
}

#FootRight{float:right;width:350px;text-align:right;}