/* Updated 2011/09/05,D */
/* Updated 2010/03/23,E */

/* base elements [reset] 
----------------------------------------------------*/

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td, th {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
}

ul,ol,dl {
	list-style-type:none;
}

table,th,td,img {
	border:0px;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:inherit;
	font:100%;
}

th, td {
	font-weight:normal;
}

img,a img{
	background:transparent;
}

caption, th {
	text-align:left;
}

/* clear
----------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	line-height: 0;
}
.clearfix {
 display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}
.clearfix {	display:block;}
/* End hide from IE-mac */


/* structure
----------------------------------------------------*/
body {
	font-family:'Hiragino Kaku Gothic Pro',"Helvetica";
	background: #FFF;
	color: #333;
	-webkit-text-size-adjust:none;
}

/* header
----------------------------------------------------*/

.toolbar {
	padding:57px 10px 10px;
	height: 52px;
	background: url(/smartphone/image_dir/toolbar.png) repeat-x left bottom;
}

.toolbar h1 {
	position: absolute;
	overflow: hidden;
	left:82px;
	margin-top: 21px;
	font-size: 18px;
	font-weight: bold;
	color:#030;
	text-shadow: #DEF1C7 1px 1px 0;
	font-weight:bold;
	max-width:239px;
}

.toolbar #smbc {
	top:11px;
	left:10px;
 position: absolute;
}

.button {
	position: absolute;
	overflow: hidden;
	top: 75px;
	right: 10px;
	padding: 0 3px;
	width: auto;
	height: 28px;
	line-height: 28px;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: #368822 -1px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

#backButton {
	left: 10px;
	right: auto;
	padding-left:21px;
	background:url(/smartphone/image_dir/backButton.png) no-repeat 0 0;
	width:41px;
}


/* menu list
----------------------------------------------------*/

ul.service_list a:link,
div.for_pc a:link {	color:#333; text-decoration:none;}
ul.service_list a:visited,
div.for_pc a:visited {	color:#333; text-decoration:none;}
ul.service_list a:hover,
div.for_pc a:hover {	color:#333; text-decoration:none;}
ul.service_list a:active,
div.for_pc a:active {	color:#333; text-decoration:none;}

ul.service_list li{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	border-top:solid 1px #FFF;
	background:url(/smartphone/image_dir/listbar.png) repeat-x left bottom #F6F6F6;
	line-height:1;
}

ul.service_list li.child {
	color:#666;
	font-size: 14px;
	border-bottom:solid 1px #D2D2D2;
	background:url(/smartphone/image_dir/listChild.png) repeat 0 0;
}

ul.service_list li.group {
	padding:6px 0 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-shadow: #2D5005 1px 1px 0;
	background:url(/smartphone/image_dir/listGroup.png) repeat-x left bottom;
	height:24px;
	border-top:none;
	margin-top:-1px;
}

ul.service_list li.group.top {	margin-top:0;}

ul.service_list li a,
ul.service_list li p {
	display: block;
	text-decoration: none;
	background: url(/smartphone/image_dir/listArrow.png) no-repeat right center;
	padding: 18px 30px 12px 10px;
}

ul.service_list li p {
	background:none;
}

ul.c_icon li a {
	padding: 18px 30px 20px 60px;
}

ul.c_icon li a span {
	font-size:12px;
	font-weight:normal;
	color:#777;
}

ul.c_icon li.single_n a {
	padding: 10px 30px 10px 60px;
}

ul.c_icon li.double a {
	padding: 7px 30px 10px 60px;
}

ul.c_icon li a img {
	position:absolute;
	left:9px;
	top:8px;
}

ul.service_list li.child a {
	padding:10px 30px 10px 10px;
}

ul.service_list li a.pc {
	background: url(/smartphone/image_dir/listPC.png) no-repeat right center;
	padding-right:35px;
}

ul.service_list li.group a.list{
	display: block;
	background:none;
	padding: 0;
	position:absolute;
	right:5px;
	top:4px;
}

ul.service_list li.child a.pc{
	background-position:right 4px;
}


/* footer
----------------------------------------------------*/

div.back_top {
	text-align:center;
	padding:15px 0 0;
}

#footer {
	text-align:center;
	font-size:10px;
	color:#999;
	margin-top:5px;
}

#footer p.copyright {
	background-color:#94CB10;
	padding:4px 0;
	color:#FFF;
	margin-top:15px;
}

/************************************************************************************************/


/* top
----------------------------------------------------*/

#home {
	top:57px;
	background-color:#FFF;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	width:100%;
}

/* top - head navi
----------------------------------------------------*/

#head_navi {
	background:url(/smartphone/image_uniq/head_navi_bar.png) repeat-x left bottom;
	padding:8px 0;
	text-align:center;
	position: relative;
}

#head_navi li {
	display:inline;
	margin:0 2px;
}

#head_navi li img {
	vertical-align:top;
}

/* top - drill down list
----------------------------------------------------*/

div#home ul.service_list li a {
	background-image: url(/smartphone/image_uniq/listArrow_top.png) ;
	padding: 12px 26px 12px 10px;
}

div#home ul.service_list li.group a.list{	background:none;	padding: 0;}

div#home ul.service_list li.child a {	padding:10px 26px 10px 10px;}
div#home ul.service_list li a.pc {	background-image: url(/smartphone/image_uniq/listPC_top.png);}
div#home ul.service_list li.c_icon {	height:auto;}

div#home ul.service_list li.c_icon a {
	padding: 13px 26px 18px 68px;
	line-height:1.1;
}

div#home ul.service_list li.c_icon a span {
	font-size:12px;
	font-weight:normal;
	color:#777;
}

div#home ul.service_list li.c_icon a img {
	position:absolute;
	left:9px;
	top:7px;
}

/* for waste IE preview */

*html ul.service_list li a {	zoom:1;}
*html div#home ul.service_list li.c_icon a {	line-height:1.3;}
*:first-child+html div#home ul.service_list li.c_icon a {	line-height:1.3;}


/* top - news ticker
----------------------------------------------------*/

#top_newsbox {
	background:url(/smartphone/image_uniq/news_bar.png) repeat-x left bottom;
	padding:11px 0;
}

#top_newsbox div.news {
	background:url(/smartphone/image_uniq/news_box.png) repeat-x 0 0;
	width:265px;
	height:18px;
	margin:0 auto;
	position:relative;
	padding:7px 20px 0 23px;
}

#top_newsbox div.news a.lb,
#top_newsbox div.news a.rb {
	position:absolute;
	top:1px;
	width:21px;
	height:23px;
	display:block;
}

#top_newsbox div.news a.lb span,
#top_newsbox div.news a.rb span {
	display:none;
}

#top_newsbox div.news a.lb {
	left:0;
	background:url(/smartphone/image_uniq/news_l.png) no-repeat 0 0;
}

#top_newsbox div.news a.rb{
	right:1px;
	background:url(/smartphone/image_uniq/news_r.png) no-repeat 0 0;
}

#top_newsbox div.news ul {
	color:#333;
	overflow:hidden;
}

#top_newsbox div.news ul li {
	font-size:12px;
	line-height:12px;
	width:256px;
}

#top_newsbox div.news ul li a { background:none;}
#top_newsbox div.news ul li a:link {	color:#333;	text-decoration:none;}
#top_newsbox div.news ul li a:visited {	color:#333;	text-decoration:none;}
#top_newsbox div.news ul li a:hover {	color:#333;	text-decoration:none;}
#top_newsbox div.news ul li a:active {	color:#333;	text-decoration:none;}

#top_newsbox div.news ul li#entry_back {
	margin:-12px 0 0 -288px;
}

/* for waste IE preview */

*html #top_newsbox div.news ul li { font-size:9px; line-height:1.3;}
*html #top_newsbox div.news ul li#entry_back { margin:-11px 0 0 -288px;}

*:first-child+html #top_newsbox div.news ul li { font-size:9px; line-height:1.3;}
*:first-child+html #top_newsbox div.news ul li#entry_back { margin:-11px 0 0 -288px;}


/* top - news
----------------------------------------------------*/

div#home ul.service_list li.news{
	background-image:none;
	border-bottom:solid 1px #D2D2D2;
}

div#home ul.service_list li.news.end{
	background:url(/smartphone/image_uniq/list_bar_topnews.png) repeat-x left bottom #F6F6F6;
	border-bottom:none;
}

div#home ul.service_list li.news a,
div#home ul.service_list li.news p {
	padding: 10px 10px 10px 10px;
	line-height:1.1;
	font-size:14px;
}

div#home ul.service_list li.news.end a,
div#home ul.service_list li.news.end p {
	padding: 10px 10px 15px 10px;
}

div#home ul.service_list li.news a.pc {
	background:none;
}

/* top - for pc
----------------------------------------------------*/

div.for_pc {
	position: relative;
	text-align:center;
	font-size:12px;
	border-top:solid 2px #94CB10;
	border-bottom:solid 1px #D2D2D2;
	background-color:#F6F6F6;
	margin-bottom:15px;
}

div.for_pc p a {
	text-decoration:none;
}

div.for_pc p.notice {
	margin-bottom:10px;
	background:url(/smartphone/image_dir/listbar.png) repeat-x left bottom #F6F6F6;
	font-weight:bold;
	padding:15px 0;
	text-align:left;
	font-size:14px;
	text-align:center;
}

div.for_pc div.faq_inq ul {
	margin-bottom:10px;
}

div.for_pc div.faq_inq li {
	display:inline;
	margin:0 2px;
	font-size:0;
}

div.for_pc div.bottomlink {
	width:298px;
	margin:0 auto;
	position:relative;
}

div.for_pc div.bottomlink li {
	width:139px;
	background:url(/smartphone/image_uniq/bg_forPC_line.png) no-repeat 0 0;
	padding-left:4px;
	text-align:left;
	color:#666;
	float:left;
}

div.for_pc div.bottomlink li a {
	display:block;
	background:url(/smartphone/image_uniq/icon_forPC_arrow.png) no-repeat left 13px;
	padding:9px 0 7px 7px;
	height:14px;
}

div.for_pc div.bottomlink li a:link {	color:#666; text-decoration:none;}
div.for_pc div.bottomlink li a:visited {	color:#666; text-decoration:none;}
div.for_pc div.bottomlink li a:hover {	color:#666; text-decoration:none;}
div.for_pc div.bottomlink li a:active {	color:#666; text-decoration:none;}


div.for_pc div.bottomlink li.bl01 {
	float:left;
}

div.for_pc div.bottomlink li.bl02 {
	float:right;
}

div.for_pc div.bottomlink li.bl03 {
	float:left;
}

div.for_pc div.bottomlink li.bl04 {
	float:right;
}

div.pc_top {
	text-align:center;
}



/* service
----------------------------------------------------*/

div#service ul.service_list li,
div#service_menu ul.service_list li{
	font-size: 16px;
}

div#service ul.service_list li a,
div#service_menu ul.service_list li a,
div#service ul.service_list li.header,
div#service_menu ul.service_list li.header {
	padding: 14px 35px 15px 10px;
}

div#service ul.service_list li.child,
div#service_menu ul.service_list li.child {
	color:#666;
	font-size: 14px;
	border-bottom:solid 1px #D2D2D2;
	background:url(/smartphone/image_dir/listChild.png) repeat 0 0;
}

div#service ul.service_list li.child a,
div#service_menu ul.service_list li.child a{
	padding:8px 35px 9px 25px;
}

/* news
----------------------------------------------------*/

div#news ul.service_list{
	border-top:solid 1px #FFF;
}

div#news ul.service_list li{
	font-size: 14px;
	border-top:none;
}

div#news ul.service_list li a,
div#news ul.service_list li p {
	padding: 10px 40px 10px 10px;
	line-height:1.5;
}

div#news ul.service_list li a span,
div#news ul.service_list li p span{
	font-size:12px;
	font-weight:normal;
	color:#666;
}


/* login + pctop
----------------------------------------------------*/

#to_pctop {
	position: absolute;
	top: 15px;
	right: 10px;
}

#login_navi {
	border-bottom: 1px solid #f6f6f6;
	text-align:center;
}

#login_navi ul {
	padding:8px 0;
	border-bottom: 1px solid #dfdfdf;
}

#login_navi li {
	display:inline;
	margin:0 2px;
}

#login_navi li img {
	vertical-align:top;
}

div.for_pc.t_sp {
	padding-top: 7px;
}

/* Updated 2011/09/05,D �¥ */
p.paragraph {
    line-height: 1.5;
    padding: 5px 10px 5px 10px;
    background: none repeat scroll 0 0 transparent;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    border-top: medium none;
}

strong.rep {
    color: #CC0000;
}


div.center {
    font-size: 12px;
    text-align: center;
    padding: 15px 0 0 0;
}

div.center ul {
    margin-bottom: 10px;
}

div.center li {
    display: inline;
    font-size: 0;
    margin: 0 2px;
}

.toolbar h1.s {
	position: absolute;
	overflow: hidden;
	left:82px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color:#030;
	text-shadow: #DEF1C7 1px 1px 0;
	font-weight:bold;
	max-width:239px;
}

p.pcenter, ul.kome {
    width: 90%;
}

p.indent, ul.kome li {
    text-indent: -10px;
    line-height: 1.5;
    padding: 5px 18px;
    background: none repeat scroll 0 0 transparent;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    border-top: medium none;

}
/* Updated 2011/09/05,D �£ */

/* info
----------------------------------------------------*/

div#home div.info {
	font-size: 12px;
	text-align:center;
	padding:8px 0;
	line-height:1.5;
}

div#info div.detail {
	padding:20px 10px 0 10px;
}

div#info div.detail h2 {
	margin-bottom:15px;
	font-size: 14px;
}

div#info div.detail p {
	font-size:12px;
	line-height:1.5;
}


/* Updated�£ 2010/09/24,E */



/* campaign
----------------------------------------------------*/

div#home p.bnr_campaign {
	text-align: center;
	margin: 5px 0 0;
}