@charset "utf-8";
@import url("");

/*=================
        base 
 =================*/

body{font-family:"MS UI Gothic","MS PGothic";}
html>body{font-family:"Lucida Grande",sans-serif;}
*+html body{font-family:"Meiryo",sans-serif;}
select, input, textarea{font-family:"MS UI Gothic","MS PGothic";}
html>body select,html>body input,html>body textarea{font-family:"Lucida Grande",sans-serif;}

html,body,div,h1,h2,h3,h4,h5,h6,p,img,table,tr,td,dl,dt,dd,ul,ol,li{
  margin:0;
  padding:0;
  border:none;
	font-weight:normal;
  vertical-align:top;
  list-style:none;
}

body{
	background-color:#ffffff;
	color: #333;
	line-height:150%;
 text-align:center;
}


/*=================
       common
 =================*/

a {
	color:#1D3994;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.clear{
clear:both;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
		 font-size:0;
   visibility:hidden;
   clear:both;
}
.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.floatL{
float:left;
}

.floatR{
float:right;
}

.hidden{
display:none;
}


/*=================
      FontSize 
 =================*/

.xxx-large {font-size:200%;line-height: 140%; }     /*32px*/
.xx-large {font-size:150%;line-height: 140%; }      /*24px*/
.x-large{font-size:131.25%;line-height: 140%; }     /*21px*/
.large {font-size:112.5%;line-height: 140%; }       /*18px*/
.mid {font-size:100%;line-height: 140%; }           /*16px = 12pt*/
.small {font-size:80%;line-height: 140%; }       /*13px*/
.x-small {font-size:75%;line-height: 140%; }       /*12px*/
.xx-small {font-size:60%;line-height: 140%; letter-spacing:1px;}      /*10px*/
.xxx-small {font-size:55%;line-height: 140%; letter-spacing:1px;}    /*9px*/

h1 {padding: 0px; margin: 0px; line-height: 140%; font-size:100%; font-weight:bold;}
h2 {padding: 0px; margin: 0px; line-height: 0; font-size:0;  font-weight:bold;}
h3 {padding: 0px; margin: 0px; line-height: 120%; font-size:90%;  font-weight:bold;}
h4 {padding: 0px; margin: 0px; line-height: 120%; font-size:90%;  font-weight:bold;}
p {padding:0; margin:0; font-size:75%; line-height:140%;}
ol li, ul li {padding:0; margin:0; font-size:75%; line-height:140%;}

input {
	padding:5;
	margin:0;
	color:#333333;
	font-size:75%;
}


/*=================
       layout 
 =================*/
 
#wrapper{
border:#c9c9ca solid 3px;
width:794px;
_width:800px;
margin:20px auto;
position:relative;
overflow:hidden;
text-align:left;
}

/*------------
   iconNavi
 ------------*/

/* アイコンナビ */

#iconNavi{
float:left;
width:163px;
margin-bottom:-1px;
}
#iconNavi ul li{
width:69px;
height:68px;
border-right:#c9c9ca solid 1px;
border-bottom:#c9c9ca solid 1px;
}

#iconNavi ul li a{
display:block;
width:69px;
height:68px;
text-indent:-9998px;
}
#iconNavi ul li.axxiss {background: url(../images/icon_axxiss.gif) no-repeat 7px 7px;}
#iconNavi ul li.axxiss a:hover{background: url(../images/icon_axxiss_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.mail {background: url(../images/icon_mail.gif) no-repeat 7px 7px;}
#iconNavi ul li.mail a:hover{background: url(../images/icon_mail_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.strage {background: url(../images/icon_documents.gif) no-repeat 7px 7px;}
#iconNavi ul li.strage a:hover{background: url(../images/icon_documents_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.rss {background: url(../images/icon_news.gif) no-repeat 7px 7px;}
#iconNavi ul li.rss a:hover{background: url(../images/icon_news_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.bookmarks {background: url(../images/icon_bookmarks.gif) no-repeat 7px 7px;}
#iconNavi ul li.bookmarks a:hover{background: url(../images/icon_bookmarks_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.calendar {background: url(../images/icon_calendar.gif) no-repeat 7px 7px;}
#iconNavi ul li.calendar a:hover{background: url(../images/icon_calendar_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.memo {background: url(../images/icon_notes.gif) no-repeat 7px 7px;}
#iconNavi ul li.memo a:hover{background: url(../images/icon_notes_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.twitter {background: url(../images/icon_twitter.gif) no-repeat 7px 7px;}
#iconNavi ul li.twitter a:hover{background: url(../images/icon_twitter_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.movie {background: url(../images/icon_movie.gif) no-repeat 7px 7px;}
#iconNavi ul li.movie a:hover{background: url(../images/icon_movie_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.transit {background: url(../images/icon_transit.gif) no-repeat 7px 7px;}
#iconNavi ul li.transit a:hover{background: url(../images/icon_transit_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.shopping {background: url(../images/icon_shopping.gif) no-repeat 7px 7px;}
#iconNavi ul li.shopping a:hover{background: url(../images/icon_shopping_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.help {background: url(../images/icon_help.gif) no-repeat 7px 7px;}
#iconNavi ul li.help a:hover{background: url(../images/icon_help_on.gif) no-repeat 7px 7px;}
#iconNavi ul li.setting {background: url(../images/icon_setting.gif) no-repeat 7px 7px;}
#iconNavi ul li.setting a:hover{background: url(../images/icon_setting_on.gif) no-repeat 7px 7px;}

#mail #iconNavi ul li.mail{background: url(../images/icon_mail_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#strage #iconNavi ul li.strage{background: url(../images/icon_documents_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#rss #iconNavi ul li.rss{background: url(../images/icon_news_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#bookmarks #iconNavi ul li.bookmarks{background: url(../images/icon_bookmarks_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#calendar #iconNavi ul li.calendar{background: url(../images/icon_calendar_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#memo #iconNavi ul li.memo{background: url(../images/icon_notes_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#twitter #iconNavi ul li.twitter{background: url(../images/icon_twitter_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#movie #iconNavi ul li.movie{background: url(../images/icon_movie_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#transit #iconNavi ul li.transit{background: url(../images/icon_transit_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#shopping #iconNavi ul li.shopping{background: url(../images/icon_shopping_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#help #iconNavi ul li.help{background: url(../images/icon_help_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}
#setting #iconNavi ul li.setting{background: url(../images/icon_setting_on.gif) no-repeat 7px 7px; border-right: #FFFFFF solid 1px;}

#subNavi{
position:absolute;
left:80px;
top:80px;
width:83px;
}
#subNavi li{
border:none;
width:auto;
height:16px;
font-size:75%;
line-height:130%;
margin-bottom:3px;
}
#subNavi li a{
background:url(../images/subnavi_linkmark.gif) no-repeat left center;
padding-left:8px;
color:#999999;
width:auto;
height:auto;
text-indent:0px;
text-decoration:none;
}
#subNavi li a:hover{
background:url(../images/subnavi_linkmark_on.gif) no-repeat left center;
color:#333333;
}

.gmail #subNavi li.gmail a{
background:url(../images/subnavi_linkmark_on.gif) no-repeat left center;
color:#333333;
}
.ymail #subNavi li.ymail a{
background:url(../images/subnavi_linkmark_on.gif) no-repeat left center;
color:#333333;
}


/*------------
     cNavi
 ------------*/

/* コンテンツナビ */

#cNavi{
position:absolute;
left:70px;
top:0;
background: url(../images/gmenu_g.gif) no-repeat;
border-bottom:#c9c9ca solid 1px;
width:724px;
height:68px;
}
#cNavi ul{
}
#cNavi ul li{
float:left;
width:181px;
height:68px;
text-indent:-9999px;
}
#cNavi li a{
display:block;
width:181px;
height:68px;
/*\*/
overflow: hidden;  
/**/
}

#cNavi li.can{background:none;}
#cNavi li.can a{background:url(../images/gmenu01.gif) no-repeat;}
.can #cNavi li.can a{background:url(../images/gmenu01_on.gif) no-repeat; border-bottom:#FFFFFF solid 1px;}
#cNavi li.can a:hover{background:url(../images/gmenu01_on.gif) no-repeat;}

#cNavi li.setup{background:none;}
#cNavi li.setup a{background:url(../images/gmenu02.gif) no-repeat;}
.setup #cNavi li.setup a{background:url(../images/gmenu02_on.gif) no-repeat; border-bottom:#FFFFFF solid 1px;}
#cNavi li.setup a:hover{background:url(../images/gmenu02_on.gif) no-repeat;}

#cNavi li.use{background:none;}
#cNavi li.use a{background:url(../images/gmenu03.gif) no-repeat;}
.use #cNavi li.use a{background:url(../images/gmenu03_on.gif) no-repeat; border-bottom:#FFFFFF solid 1px;}
#cNavi li.use a:hover{background:url(../images/gmenu03_on.gif) no-repeat;}

#cNavi li.qa{background:none;}
#cNavi li.qa a{background:url(../images/gmenu04.gif) no-repeat;}
.qa #cNavi li.qa a{background:url(../images/gmenu04_on.gif) no-repeat; border-bottom:#FFFFFF solid 1px;}
#cNavi li.qa a:hover{background:url(../images/gmenu04_on.gif) no-repeat;}


/*------------
    contents
 ------------*/
 
#contents{
width:620px;
margin:90px 0 30px 167px;
}

.red{
color:#CC3300;
}

.dotline{
background:url(../images/dotline.gif) repeat-x;
height:1px;
font-size:0;
line-height:0;
margin:20px 0;
width:610px;
}

.print{
position:absolute;
left:710px;
top:90px;
}

#contents h2{
margin-bottom:20px;
}

#contents h3{
margin:20px 0 20px 1.2em;
text-indent:-1.2em;
}

#contents h4{
margin:20px 0 0;
}

#contents .eachLink{
text-align:right;
margin:-18px 10px 15px 0;
font-size:60%;
}

#contents .page{
text-align:center;
margin-bottom:20px;
margin-right:50px;
overflow:hidden;
margin-top:4px;
}

#contents .page ol li{
display:inline;
margin-left:10px;
font-size:75%;
line-height:185%;
}

#contents .page ol li a{
border:#CCCCCC solid 1px;
padding:3px 6px 2px;
background:#FFFFFF;
color:#66CCFF;
}

#contents .page ol li a:hover{
color:#006699;
text-decoration:none;
}

#contents .page ol li.here a {
background:#66CCFF;
color:#006699;
}

#contents .pageBtn{
text-align:center;
}

#contents .Btns{
width:260px;
margin:40px auto 30px;
overflow:hidden;
}

#contents .pageBtn .prev{
float:left;
}

#contents .pageBtn .next{
float:right;
}

#contents .pageBtn .prev_only,
#contents .pageBtn .next_only{
text-align:center;
}

#contents .arrow{
text-align:center;
}

#contents .movie{
background:#f1f1f1;
width:610px;
padding:10px 0;
margin-bottom:30px;
text-align:center;
}
#contents .movie p{
width:425px;
margin:0 auto;
text-align:left;
}

#contents ul.listA{
margin-bottom:1em;
}
#contents ul.listA li{
background:url(../images/listmark_A.gif) no-repeat left 3px;
padding-left:12px;
}

#contents .Q{
background:url(../images/qa_q.gif) no-repeat left 2px;
padding:0 10px 0 2em;
color:#3399cc;
}
#contents .A{
background:url(../images/qa_a.gif) no-repeat left 2px;
padding:0 10px 0 2em;
}

#help #contents{
margin-bottom:200px;
}
#help #contents p{
margin-bottom:1em;
}
#help #contents ol{
margin:0 1em 1em;
}
#help #contents ol li{
list-style:decimal;
}

#axxiss #contents p{
margin-bottom:1em;
}
#axxiss #contents .red{
margin-bottom:0;
}
#axxiss #contents .indA{
text-indent:-2.5em;
margin-left:2.5em;
}
#axxiss #contents dl.listB{
font-size:75%;
line-height:150%;
}
#axxiss #contents dl.listB dt{
margin-top:1.5em;
font-weight:bold;
}

/*------------
     print
 ------------*/
	
@media print{
#cNavi,#iconNavi,.print,.page,.pageBtn,.eachLink,.movie{display:none;}

#contents{
width:620px;
margin:30px auto;
}

#contents h4{
margin-bottom:15px;
}
}