@charset "UTF-8";
/* ==============================
  css-special-mobile
=================================
wrapMain
---------------------------------
left
---------------------------------
right
============================== */

/* ------------------------------
  wrapMain
------------------------------ */
#wrapMain-top {
	width: 958px;
	height: 11px;
	background: url(../contents/img/special/mobile/wrap_main_bg_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	margin-left: 1px;
}
#wrapMain-btm {
	width: 958px;
	height: 18px;
	background: url(../contents/img/special/mobile/wrap_main_bg_btm.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 30px;
	margin-left: 1px;
}

#wrapMain {
	width: 958px;
	background-color: #e8e8e8;
	margin-left: 1px;
}

/* ------------------------------
  left
------------------------------ */
#left {
	width: 671px;
	padding-top: 7px;
	padding-left: 17px;
	float: left;
}

#left p {
	color: #606060;
	line-height: 1.6;
}

.left-top {
	width: 671px;
	height: 10px;
	background: url(../contents/img/special/mobile/left_bg_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
}
.left-center {
	width: 671px;
	padding-top: 19px;
	padding-bottom: 15px;
	background: url(../contents/img/special/mobile/left_bg_center.gif) repeat-y;
}
.left-btm {
	width: 671px;
	height: 10px;
	background: url(../contents/img/special/mobile/left_bg_btm.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
}

.hidden {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px; 
}

#left .section {
	width: 671px;
}
/* clearfix */
#left .section:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#left .section {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #left .section {
	height: 1%;
}
#left .section {
	display: block;
}
/* End hide from IE-mac */

#ava-land {
	width: 671px;
	background: url(../contents/img/special/mobile/ava_land_bg.gif) repeat-x;
	margin-bottom: 47px;
}

#my-colle-l {
	width: 326px;
	float: left;
}
#my-colle-r {
	width: 345px;
	padding-top: 20px;
	float: right;
}

#etc-l {
	width: 372px;
	float: left;
}
#etc-r {
	width: 268px;
	height: 173px;
	padding-top: 40px;
	float: left;
}
#etc-btm {
    clear: both;
	margin-left: 20px;
	margin-bottom: 30px;	
}

#access-l {
	width: 125px;
	padding-top: 5px;
	padding-left: 44px;
	float: left;
}
#access-r {
	width: 420px;
	padding-right: 44px;
	float: right;
}

.line01 {
	width: 583px;
	height: 17px;
	background: url(../contents/img/special/mobile/line01.gif) no-repeat 44px 0;
	font-size: 1px;
	line-height: 1px;
	padding-left: 46px;
}


h3#medama_old {
	width: 671px;
	height: 139px;
	background: url(../contents/img/special/mobile/h3_medama.gif) no-repeat;
}

p#text01_old {
	width: 671px;
	height: 34px;
	background: url(../contents/img/special/mobile/text01.gif) no-repeat;
	margin-bottom: 30px;
}

/*20090701
------------------------------------*/
h3#open {
	width: 671px;
	height: 126px;
	background: url(../contents/img/special/mobile/h3_open.gif) no-repeat 0px 0;
	}
h3#medama {
	width: 671px;
	height: 227px;
	background: url(../contents/img/special/mobile/h3_medama.jpg) no-repeat;
}
p#text01 {
	width: 671px;
	height: 673px;
	background: url(../contents/img/special/mobile/text01_open.jpg) no-repeat;
	margin-bottom:30px;
}
/*ここまで
------------------------------------*/

p#text02 {
	width: 671px;
	height: 103px;
	background: url(../contents/img/special/mobile/text02.gif) no-repeat;
}
p#text03 {
	width: 671px;
	height: 100px;
	background: url(../contents/img/special/mobile/text03.gif) no-repeat;
}
p#text04 {
	width: 671px;
	height: 57px;
	background: url(../contents/img/special/mobile/text04.gif) no-repeat;
	margin-bottom: 13px;
}
p#text05 {
	color: #878787;
	font-size: 10px;
}
* html p#text05 {
	font-size: 9px;
}
p#text06 {
	padding-left: 44px;
	margin-bottom: 30px;
}

h4#h4-01 {
	width: 240px;
	height: 55px;
	background: url(../contents/img/special/mobile/h4_01.gif) no-repeat;
	float: left;
}
p#p-01 {
	width: 390px;
	padding-right: 20px;
	float: right;
}

h4#h4-02 {
	width: 299px;
	height: 94px;
	background: url(../contents/img/special/mobile/h4_02.gif) no-repeat;
	float: left;
}
p#p-02 {
	width: 300px;
	padding-right: 40px;
	float: right;
}

h4#h4-03 {
	width: 240px;
	height: 44px;
	background: url(../contents/img/special/mobile/h4_03.gif) no-repeat;
	margin-bottom: 20px;
	margin-top: 10px;
}
p#p-03 {
	width: 275px;
	padding-left: 29px;
}

h4#h4-04 {
	width: 240px;
	height: 50px;
	background: url(../contents/img/special/mobile/h4_04.gif) no-repeat;
	margin-bottom: 15px;
}
p#p-04 {
	width: 340px;
	padding-top: 5px;
	padding-left: 29px;
	float: left;
	margin-bottom: 15px;
}
p#p-img04 {
	width: 240px;
	padding-right: 37px;
	float: right;
}

h4#h4-05 {
	width: 240px;
	height: 57px;
	background: url(../contents/img/special/mobile/h4_05.gif) no-repeat;
	float: left;
}

p#p-05 {
	width: 350px;
	padding-right: 40px;
	float: right;
}

h4#h4-06 {
	width: 312px;
	height: 38px;
	background: url(../contents/img/special/mobile/h4_07.gif) no-repeat;
	margin-bottom: 28px;
}
p#p-06 {
	width: 376px;
	margin-bottom: 35px;
}
p#p-07 {
	width: 210px;
	padding-left: 29px;
	margin-bottom: 20px;
}
p#p-08 {
	width: 290px;
	padding-left: 29px;
}

h4#h4-09 {
	width: 420px;
	height: 44px;
	background: url(../contents/img/special/mobile/h4_09.gif) no-repeat;
	margin-bottom: 13px;
}

h4#h4-10 {
	width: 96px;
	height: 15px;
	background: url(../contents/img/special/mobile/h4_10.gif) no-repeat 48px 0;
	padding-left: 48px;
	margin-bottom: 20px;
}

h4#h4-11 {
	width: 215px;
	height: 29px;
	background: url(../contents/img/special/mobile/h4_11.gif) no-repeat 48px 6px;
	float: left;
}
p#txt-getsugaku {
	width: 173px;
	height: 29px;
	background: url(../contents/img/special/mobile/txt_getsugaku.gif) no-repeat left center;
	float: left;
}
p#p-11 {
	width: 240px;
	color: #878787;
	font-size: 10px;
	float: left;
}
* html p#p-11 {
	font-size: 9px;
}

p#p-12 {
	text-align: center;
}
* html p#p-12 img {
	behavior: expression(IEPNGFIX.fix(this));
}

p#btn-mail1 {
	width: 209px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 210px;
	margin-bottom: 15px;
}
p#btn-mail1 a {
	width: 209px;
	height: 29px;
	background: url(../contents/img/special/mobile/btn_mail.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
p#btn-mail1 a:hover {
	background-position: 0 -29px;
}
#avater-demo {
    width: 522px;
	height: 159px;
	background: url(../contents/img/special/mobile/avaterdemo-base.gif) no-repeat center;
	text-align: center;
	margin: 20px auto;
}
p#p-demo {
    font-size: 12px;
	text-align: left;
	padding: 15px 30px 0 30px;
}

p#txt-demo {
    width: 127px;
	height: 26px;
	float: left;
	background: url(../contents/img/special/mobile/txt_demo.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 60px;
	margin: 20px 0 0 30px;
}
p#demo-btn a {
    width: 236px;
	height: 66px;
	float: left;
	background: url(../contents/img/special/mobile/side_avatry.png) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
	
/* ------------------------------
  right
------------------------------ */
#right {
	width: 235px;
	padding-right: 18px;
	float: right;
	position: relative;
}

.right-top {
	width: 235px;
	height: 10px;
	background: url(../contents/img/special/mobile/right_bg_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
}
.right-top2 {
	width: 235px;
	height: 73px;
	background: url(../contents/img/special/mobile/right_bg_top2.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
}
.right-center {
	width: 235px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(../contents/img/special/mobile/right_bg_center.gif) repeat-y;
}
.right-btm {
	width: 235px;
	height: 10px;
	background: url(../contents/img/special/mobile/right_bg_btm.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 12px;
}

p#note-img {
	font-size: 10px;
	line-height: 1.5;
	padding-left: 43px;
	color: #FF0099;
}
* html p#note-img {
	font-size: 9px;
}

p#btn-mail2 {
	width: 209px;
	height: 29px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 13px;
}
p#btn-mail2 a {
	width: 209px;
	height: 29px;
	background: url(../contents/img/special/mobile/btn_mail.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
p#btn-mail2 a:hover {
	background-position: 0 -29px;
}

/*
--------------------------
#arrow {
	width: 33px;
	height: 31px;
	background: url(../contents/img/special/mobile/arrow_bg.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	top: 325px;
	left: -18px;
}
--------------------------*/

.txt-center {
	text-align: center;
}

.btm50 {
	margin-bottom: 55px;
}