/* basic element
======================================\*/
body {
	margin:0px;
	padding:0px; 
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;	
	zoom:1;

}


html {
	font-family: "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6, dl, dt, dd, p, ul, ol, li, form, input, select, div {
	margin:0px;
	padding:0px;
}

img {
	margin:0px;
	padding:0px;
	border:none;
}

a:link { color: #0041C1;} 
a:visited { color: #7A1084;}
a:hover { color: #70D2F2;}
a:active { color: #70D2F2;}


/* print-media
======================================\*/
@media print {
	body {
		_zoom: 0.66 !important;
	}
}
/* */

/* page wrapper
======================================*/
#pecs-wrapper{
	border-top:8px solid #0041C1;
	border-bottom:8px solid #0041C1;
	
}

/* header
======================================*/
#pecs-header-area{
	width:967px;
	padding:0px 0px 0px;
	margin: 0px auto -10px;
}

#pecs-header-area:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#pecs-header-area p.site-name{
	margin-right:10px;
	padding-top:10px;
	float:left;
	width:172px;
}

#pecs-header-area p.position-icon{
	padding-top:35px;
	float:left;
	width:157px;
}

#pecs-header-area #header-link{
	float:right;
	width:350px;
	margin-top:20px;
}

#pecs-header-area #header-link table td{
	vertical-align: middle;
}



#pecs-header-area #header-link .link a:link { text-decoration:none;}
#pecs-header-area #header-link .link a:visited {text-decoration: underline;}
#pecs-header-area #header-link .link a:hover,
#pecs-header-area #header-link .link a:active {text-decoration: underline;}


#pecs-header-area #header-link .txt{
	font-size:12px;
	padding-left:30px;
	padding-top:10px;
	color:#999;
	text-align:right;
}

/**/
#mypage_navi{
	width:967px;
	background-color:#E9EFFF;
	font-size: 12px;
	line-height: 130%;
	padding:0px;
	margin:0px auto 0px !important;
}


#mypage_navi:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#mypage_navi p.hello{
	padding:15px 0px 15px 10px;
	
}

#mypage_navi p.hello2{
	padding:15px 0px 15px 10px;
	
}

/**/
.search_block input{
	margin:0px!important;
	padding:0px!important;
	vertical-align:middle!important;
	display:inline!important;
}


/*global_navi750
======================================*/
#global_navi750{
	margin-bottom:10px;
	width:967px;
}

#global_navi750:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/**/


#global_navi750 #nav_btn:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/**/
#global_navi750 #nav_btn #btn_top{
	float:left;
	width:138px;
}

#global_navi750 #nav_btn #btn_mymenu,
#global_navi750 #nav_btn #btn_quickguide,
#global_navi750 #nav_btn #btn_lifedesign,
#global_navi750 #nav_btn #btn_soudan,
#global_navi750 #nav_btn #btn_sumai,
#global_navi750 #nav_btn #btn_lifesupport{
	float:left;
	width:139px;
}

#global_navi750 #nav_btn #btn_customer{
	float:left;
	width:134px;
}

/*global_navi
======================================*/


#global_navi:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/**/
#global_navi #nav_btn{
	float:left;
	width:450px;
	position:relative;
}

#global_navi #nav_btn:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/**/
#global_navi #nav_btn #btn_top{
	float:left;
	width:150px;
}

#global_navi #nav_btn #btn_top .mega-drop{
	position:absolute;
	top:40px;
	left:-4px;
	visibility: hidden;
}

#global_navi #nav_btn #btn_faq{
	float:left;
	width:150px;
}

#global_navi #nav_btn #btn_faq .mega-drop{
	position:absolute;
	top:40px;
	left:-4px;
	visibility: hidden;
}

#global_navi #nav_btn #btn_sumai{
	float:left;
	width:150px;
}

#global_navi #nav_btn #btn_sumai .mega-drop{
	position:absolute;
	top:40px;
	left:160px;
	visibility: hidden;
}

#global_navi #nav_btn #btn_customer{
	float:left;
	width:150px;
}

#global_navi #nav_btn #btn_customer .mega-drop{
	position:absolute;
	top:40px;
	left:310px;
	visibility: hidden;
}




#global_navi #nav_btn .mega-drop .menu{
	width:595px;
	border-top:1px solid #CCC;
	padding:15px 20px 15px;
}

#global_navi #nav_btn .mega-drop .menu:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/**/
#global_navi #nav_btn .mega-drop .menu p{
	margin-bottom:5px;
}

/**/
#global_navi #nav_btn .mega-drop .menu ul{
	width:350px;
	float:left;
	font-size:80%;
	line-height:150%;
	margin-top:5px;
}

#global_navi #nav_btn .mega-drop .menu ul.no_img{
	width:100%;
	font-size:80%;
	line-height:150%;
	margin-top:5px;
}

#global_navi #nav_btn .mega-drop .menu ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#global_navi #nav_btn .mega-drop .menu ul li{
	list-style:none;
	padding:0px 0px 10px 13px;
/*	width:80px;
	float:left;*/
	display:inline;
	margin:0px 10px 0px 0px;
}

#global_navi #nav_btn .mega-drop .menu ul li.global{
	background:url(../img/arrow_global03.gif) no-repeat left 3px;
}

#global_navi #nav_btn .mega-drop .menu ul li.life{
	background:url(../img/arrow_life03.gif) no-repeat left 3px;
}

#global_navi #nav_btn .mega-drop .menu ul li.sumai{
	background:url(../img/arrow_sumai03.gif) no-repeat left 3px;
}

#global_navi #nav_btn .mega-drop .menu ul li.helpdesk{
	background:url(../img/arrow_helpdesk03.gif) no-repeat left 3px;
}

#global_navi #nav_btn .mega-drop .menu ul li.soudan{
	background:url(../img/arrow_soudan03.gif) no-repeat left 3px;
}

/**/
#global_navi #nav_btn .mega-drop .menu p.banner{
	width:240px;
	float:right;
}


/**/
#global_navi #explanation{
	float:left;
	width:420px;
	text-align:center;
}


#global_navi #search_page{
	float:right;
	width:200px;
	padding:10px 10px 0px 25px; 
	background:url(../img/search_page_icon.jpg) no-repeat left 10px;
}
/* IE6 */
*html #global_navi #search_page{
	padding:6px 10px 0px 25px; 
}
/* IE7 */
*:first-child+html #global_navi #search_page{
	padding:6px 10px 0px 25px; 
}


#global_navi #search_page .search_box{
	width:150px;
}


/**/
#global_navi #object{
	float:right;
	width:80px;
	height:40px;
	text-align:center;
}

#global_navi #object p{
	color:#CCCCCC;
	font-size:10px;
	margin-top:15px;
}





/* footer
======================================*/
#pecs-footer_menu{
	background:url(../img/arrow_global03.gif) no-repeat left top;
}

#pecs-footer_area {
	width:967px; 
	margin:0px auto 15px; 
	padding:0px 0px 30px;
}

#pecs-footer_area p{
	float:left;
	font-size:12px;
	width:967px;
	margin-top:5px;
}

#pecs-footer_area #footer-link{
	float:left;
	width:500px;

}

#pecs-footer_area #footer-link ul li{
	background:url(../img/icon-window.gif) no-repeat right top;
	background:url(../img/arrow_global04.gif) no-repeat left top;
	font-size:10px;
	margin-left:5px;
	padding-right:15px;
	padding-left:12px;
	list-style:none;
	display:inline;
}

#pecs-footer_area #footer-link ul li a:link {text-decoration:none;}
#pecs-footer_area #footer-link ul li a:visited {text-decoration: underline;}
#pecs-footer_area #footer-link ul li a:hover,
#pecs-footer_area #footer-link ul li a:active {text-decoration: underline;}



/* content
======================================*/

#pecs-content-area {
	width: 967px !important;
	margin:0px auto 0px !important;
	padding:0px !important;

}

#pecs-content {
	width: 967px !important;
	margin-bottom: 10px;
}

#pecs-content:before,
#pecs-content:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* breadcrumbs
======================================*/
p.breadcrumbs_list{
	background:url(../img/breadcrumbs_list.gif) no-repeat left;
	font-size:70%;
	padding-left:13px;
	margin-bottom:12px;
	display:block;
	width: 967px !important;
}

/* main-content
======================================*/
#pecs-content #pecs-main-content {
	float: right !important;
	margin: 0px;
	padding:0px;
	width: 770px !important;
}

#pecs-content #pecs-main-content-top {
	float: left !important;
	margin: 0px;
	padding:0px;
	width: 770px !important;
}

#pecs-content #pecs-inner-box {
	width:573px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

#pecs-content #pecs-main-content:after,
#pecs-content #pecs-main-content-top:after,
#pecs-content #pecs-inner-box:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* backToTop
======================================*/
ul.pagetop  {
	margin: 10px 0px 10px !important;
	padding: 0;
	list-style-type: none;
	text-align:right;
}

ul.pagetop  li {
	margin: 0px 0 0 0;
	padding:0;
	list-style-image: none;
	font-size: 70%;
}

ul.pagetop  li a:link,
ul.pagetop  li a:visited {
	margin: 0;
	padding: 0 0 0 15px;
	background:url(../img/arrow_global03-top.gif) no-repeat left center;
	zoom: 1;
	 text-decoration:none;
}

/* shortcutlist
======================================*/
#shortcutlist .list_a ul li span.life{
	padding:0px 0px 2px;
	margin:0px 0px 5px!important;
	display: inline-block;
}

#shortcutlist .list_a ul li span.sumai{
	padding:2px 5px 2px;
	margin:5px 0px 5px!important;
	display: inline-block;
}

#pecs-shortcutlist-area #shortcutlist{
	width:967px;
	margin:0px auto 0px;
	padding:10px 0px 10px;
	background-color:#F1F1F1;
}

#shortcutlist a{
	color: #000;
	text-decoration:none;
}

#shortcutlist:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#shortcutlist div.sl_lr_box{
	margin:0px auto 0px;
	width:905px;
}

#shortcutlist div.sl_lr_box:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


#shortcutlist .link_left{
	width:215px;
	padding:5px 5px 5px 0px;
	float:left;
}

#shortcutlist .link_right{
	width:673px;
	padding:5px 5px 5px 0px;
	float:right;
}


#shortcutlist .list_b{
	width:215px;
	float:left;
}

#shortcutlist .list_c{
	width:444px;
	float:right;
}

#shortcutlist .link_left p.ttl,
#shortcutlist .link_right p.ttl{
	font-size:80% !important;
	line-height:150%;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}



#shortcutlist .list_a ul{
	width:215px;
	float:left;
	margin-right:5px;
}

#shortcutlist .list_c ul{
	width:230px;
	float:left;
	margin-right:0px;
}


#shortcutlist .list_a ul:after,
#shortcutlist .list_c ul:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


#shortcutlist .link_left ul li,
#shortcutlist .list_a ul li,
#shortcutlist .list_b ul li,
#shortcutlist .list_c ul li{
    font-size: 9pt !important;
	line-height: 180%;
    list-style:none;
	padding:0px;
}



/*#shortcutlist .list_a ul li span.life a,
#shortcutlist .list_a ul li span.sumai a{
	color:#FFF;
}*/


#shortcutlist .list_c p.txt{
	font-size:80%;
	line-height:150%;
	font-weight:bold;
}

#shortcutlist .list_c p.txt span.pink{
	color:#FF678D;
}



/* banner
======================================*/
#banner{
	margin-bottom:20px;
}

#banner ul li{
	list-style:none;
	margin-bottom:10px!important;
	font-size:0px;
	line-height:0px;
}


/* mame
======================================*/
#mamehyo-area{
	margin:0px;
	padding:20px 0px 0px;
	border-top:8px solid #0041C1;
}

#mamehyo-area .form_bg{
	width:967px;
	margin:0px auto 0px;
}

#mamehyo-area .form_bg:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


#mamehyo-area .form_bg .l_box{
	width:554px;
	float:left;
}
#mamehyo-area .mamehyo-form-box:after,
#mamehyo-area .form_bg .l_box:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#mamehyo-area .form_bg .mame_ttl{
	margin-bottom:10px;
}

#mamehyo-area .form_bg .l_box .comment{
	font-size:80%;
	line-height:150%;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#666;
	border:1px solid #666;
	width:445px;
	height:70px;
	margin-bottom:5px;
	padding:5px;
	float:left;
	overflow-y: auto;
}
#mamehyo-area .form_bg .l_box .send{
	float:left;
	margin-left:5px;
	margin-top:45px;
}

#mamehyo-area .form_bg .l_box p.btn{
	clear:both;
	text-align:center;
}

#mamehyo-area .form_bg .r_box{
	width:400px;
	float:right;
	text-align:right;
}
#mamehyo-area .form_bg .r_box a{
	width:179px;
	margin-left:15px;
	display: inline-block;
}

#mamehyo-area .mamehyo-form-box{
	width:534px;
	margin-top:10px;
	margin-bottom:5px;
	padding:15px 10px 5px;
	background:#FDE3EB;
}

#mamehyo-area .mamehyo-form-box p{
	font-size:80%;
	line-height:150%;
	font-weight:bold;
	margin-bottom:10px;
}

#mamehyo-area .mamehyo-form-box label{
	margin-right:50px;
}
#mamehyo-area .form_bg ul.cld {
	list-style-type: none;
}

#mamehyo-area .form_bg ul.cld li.txt{
	font-size:80%;
	line-height:150%;
}
#mamehyo-area .form_bg ul.cld .txt_global02{
	margin-right:2em;
}

/* osusume
======================================*/
#osusume-area{
	text-align:center;
	margin-bottom:20px;
}


/* margin
======================================*/

.m_5{
	margin-bottom:5px;
}
.m_10{
	margin-bottom:10px;
}
.m_15{
	margin-bottom:15px;
}
.m_20{
	margin-bottom:20px;
}
.m_25{
	margin-bottom:25px;
}
.m_30{
	margin-bottom:30px;
}
.m_35{
	margin-bottom:35px;
}
.m_40{
	margin-bottom:40px;
}
.m_45{
	margin-bottom:45px;
}
.m_50{
	margin-bottom:50px;
}
.m_55{
	margin-bottom:55px;
}
.m_60{
	margin-bottom:60px;
}