@charset "utf-8";

/* CSS Document */

/* resetcss 
------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
margin:0pt;
padding:0pt;
}

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


fieldset, img {
border:0pt none;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
zoom:1;
}

/*  pagelayout ----------------------------------------------------*/

*{ 
margin:0;padding:0; 
} 
html{ 
height:100%; 
} 
body{ 
height:100%; 
font-family:"MS PGothic","Osaka",Arial,sans-serif;
word-break:break-all;
}

#container{
width:950px;
margin:0 auto;
padding:0;
font-size:100%;
background-color:#fff;
height:100%; 
min-height:100%; 
}

body > #container{ 
height:auto; 
}

#header{
width:950px;
margin:0 0 5px 0;
}

#pagebody{
width:912px;
margin:5px 19px;
}

#footer{
clear:both;
margin:0 10px;
padding:10px;
}

/* pagelayout
----------------------------------------------------*/

/* header */

#header p.mhlogo{
padding:5px 10px 0 800px;
}

/* header  */


/* pagebody top */
#pagebody .pagetitle{
width:912px;
min-height:95px;
_height:95px;
background:url(http://i.yimg.jp/images/my/cm/userguide/pagetitle_bg.gif) top left no-repeat; 
margin-bottom:20px; 
}

#pagebody .pagetitle p.subcatch{
width:493px;
height:40px;
display:block;
text-indent:-9999px;
}

#pagebody .pagetitle h1{
width:415px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://i.yimg.jp/images/my/cm/userguide/h1_txt_bg.gif) left top no-repeat;
margin:4px 0 0 4px; 
}

#pagebody .pagetitle h1 a{
width:415px;
height:40px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://i.yimg.jp/images/my/cm/userguide/h1_txt_bg.gif) left top no-repeat;
}

#pagebody .pagetitle h1 a:hover{
background:url(http://i.yimg.jp/images/my/cm/userguide/h1_txt_bgon.gif) left top no-repeat;
}

#pagebody .pagetitle p.titleextxt{
line-height:1.5em;
margin:10px 0 0 10px; 
}

#pagebody .maincontents{
margin-bottom:20px;
}


#pagebody .maincontents div.upper{
margin-bottom:20px;
}

#pagebody .maincontents div.addcontents{
width:445px;
float:left;
margin-right:18px;
border-left:#FF6600 1px solid;
border-right:#FF6600 1px solid;
border-bottom:#FF6600 1px solid;
background-color:#f4f3f3;
}

#pagebody .maincontents div.changecontents{
width:445px;
float:left;
border-left:#2c7a00 1px solid;
border-right:#2c7a00 1px solid;
border-bottom:#2c7a00 1px solid;
background-color:#f4f3f3;
}

#pagebody .maincontents div.othercontents{
clear:left;
width:910px;
border-left:#0066ff 1px solid;
border-right:#0066ff 1px solid;
border-bottom:#0066ff 1px solid;
background-color:#f4f3f3;
margin-top:20px;
}

#pagebody .maincontents div.addcontents h3.ttl{
background:url(http://i.yimg.jp/images/my/cm/userguide/h3_add_tx.gif) top center no-repeat;
width:445px;
height:32px;
text-indent:-9999px;
}

#pagebody .maincontents div.changecontents h3.ttl{
background:url(http://i.yimg.jp/images/my/cm/userguide/h3_change_tx.gif) top center no-repeat;
width:445px;
height:32px;
text-indent:-9999px;
}

#pagebody .maincontents div.othercontents h3.ttl{
background:url(http://i.yimg.jp/images/my/cm/userguide/h3_other_tx.gif) top center no-repeat;
width:910px;
height:32px;
text-indent:-9999px;
}

#pagebody .maincontents div.addcontents p,
#pagebody .maincontents div.changecontents p,
#pagebody .maincontents div.othercontents p{
padding:10px;
line-height:1.5em;
}

#pagebody .maincontents div.addcontents ul,
#pagebody .maincontents div.changecontents ul,
#pagebody .maincontents div.othercontents ul{
padding:10px;
line-height:1.5em;
font-size:85%;
}

#pagebody .maincontents div.othercontents div.linkbox{
float:left;
width:296px;
}


#pagebody .maincontents div.addcontents ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkadd.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody .maincontents div.changecontents ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkchange.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody .maincontents div.othercontents ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkother.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody div.tomyarea{
background:url(http://i.yimg.jp/images/my/cm/userguide/tomyarea_bg.gif) bottom center repeat-x;
width:910px;
border: #cfcfcf 1px solid;
clear:both;
margin-bottom:20px;
}

#pagebody div.blogarea{
width:400px;
padding:10px;
float:left;
}

#pagebody div.blogarea h4{
font-weight:bold;
line-height:1.5em;
}

#pagebody div.blogarea ul{
line-height:1.5em;
font-size:85%;
}

#pagebody div.blogarea li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkblog.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody div.btarea{
width:465px;
float:left;
}

#pagebody p.tomybutton a{
background:url(http://i.yimg.jp/images/my/cm/userguide/tomybt_bg.gif) left top no-repeat;
width:463px;
height:69px;
text-indent:-9999px;
display:block;
margin:10px 0;
overflow:hidden;
}

#pagebody p.tomybutton a:hover{
background:url(http://i.yimg.jp/images/my/cm/userguide/tomybt_bgon.gif) left top no-repeat;
}

#pagebody p.spec{
margin:0;
padding:0 10px 10px 10px;
text-align:center;
font-size:85%;
}

#pagebody div.connectarea{
clear:both;
text-align:center;
font-size:85%;
}

#pagebody div.connectarea dt,#pagebody div.connectarea dd{
display:inline;
}

#pagebody div.connectarea dd{
border-left:1px solid #000000;
margin-left:10px;
padding-left:10px;
}

/* pagebody  top */


/* pagebody second */
#pagebody .tab{
width:912px;
margin-bottom:20px;
}

#pagebody .tab ul{
}

#pagebody .tab ul li#add,#pagebody .tab ul li#change,#pagebody .tab ul li#other,#pagebody .tab ul li#addon,#pagebody .tab ul li#changeon,#pagebody .tab ul li#otheron{
width:302px;
height:30px;
display:block;
text-indent:-9999px;
margin-right:2px;
overflow:hidden;
float:left;
}

#pagebody .tab ul li#add a{
width:302px;
height:30px;
display:block;
text-indent:-9999px;
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_add.gif) top left no-repeat;
}

#pagebody .tab ul li#add a:hover,#pagebody .tab ul li#add.on a,#pagebody .tab ul li#add.focus{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_addon.gif) top left no-repeat;
}

#pagebody .tab ul li#add.open a{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_addopen.gif) top left no-repeat;
}

#pagebody .tab ul li#change a{
width:302px;
height:30px;
display:block;
text-indent:-9999px;
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_change.gif) top left no-repeat;
}

#pagebody .tab ul li#change a:hover,#pagebody .tab ul li#change.on a,#pagebody .tab ul li#change.focus{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_changeon.gif) top left no-repeat;
}
#pagebody .tab ul li#change.open a{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_changeopen.gif) top left no-repeat;
}

#pagebody .tab ul li#other a{
width:302px;
height:30px;
display:block;
text-indent:-9999px;
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_other.gif) top left no-repeat;
zoom:1;
}

#pagebody .tab ul li#other a:hover,#pagebody .tab ul li#other.on a,#pagebody .tab ul li#other.focus{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_otheron.gif) top left no-repeat;
zoom:1;
}
#pagebody .tab ul li#other.open a{
background:url(http://i.yimg.jp/images/my/cm/userguide/tab_otheropen.gif) top left no-repeat;
zoom:1;
}

#pagebody .tab div.addlinkarea,
#pagebody .tab div.changelinkarea,
#pagebody .tab div.otherlinkarea{
clear:both;
}

#pagebody .tab div#addlinkarea div.linkbox,
#pagebody .tab div#changelinkarea div.linkbox,
#pagebody .tab div#otherlinkarea div.linkbox{
float:left;
width:295px;
font-size:85%;
line-height:1.5em;
padding:10px 0 10px 7px;
}

#pagebody div#addlinkarea p.toplink,
#pagebody div#changelinkarea p.toplink,
#pagebody div#otherlinkarea p.toplink{
background-color:#f3f3f2;
text-align:right;
padding:5px 10px;
clear:both;
font-size:85%;
}


#pagebody .tab div#addlinkarea ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkadd.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody .tab div#changelinkarea ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkchange.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody .tab div#otherlinkarea ul li{
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkother.png)  left 7px no-repeat;
padding-left:10px; 
}

#pagebody .tab div#addlinkarea ul li.focus,
#pagebody .tab div#changelinkarea ul li.focus,
#pagebody .tab div#otherlinkarea ul li.focus{
font-weight:bold;
}


#pagebody .tab div#addlinkarea{
width:908px;
border: #ff9731 1px solid;
clear:both;
}

#pagebody .tab div#changelinkarea{
width:908px;
border: #80bb60 1px solid;
clear:both;
}

#pagebody .tab div#otherlinkarea{
width:908px;
border: #3d9dff 1px solid;
clear:both;
}


#pagebody div.contentsttlarea{
width:912px;
margin:0 auto 20px 0;
clear:both;
}

#pagebody div.contentsttlarea h2.add{
margin:0 auto 10px 0;
font-size:153.9%; /* 20px */
font-weight:bold;
border-left:#FF6600 solid 5px;
padding-left:10px;
}

#pagebody div.contentsttlarea h2.change{
margin:0 auto 10px 0;
font-size:153.9%; /* 20px */
font-weight:bold;
border-left:#339900 solid 5px;
padding-left:10px;
}

#pagebody div.contentsttlarea h2.other{
margin:0 auto 10px 0;
font-size:153.9%; /* 20px */
font-weight:bold;
border-left:#3399ff solid 5px;
padding-left:10px;
}


#pagebody div.contentsttlarea p.contentsextxt{
line-height:1.5em;
}

#pagebody .smallfont{
margin-top:10px;
line-height:1.5em;
font-size:85%;
}

#pagebody div.contentsttlarea p.smallfont span.indenttx{
margin-left:1em;
}


#pagebody div.addflow{
border:#ff9731 1px solid;
background-color:#fff6ef;
padding:0 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.changeflow{
border:#80bb60 1px solid;
background-color:#effff4;
padding:0 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.changeflow .imgarea{
margin-bottom:10px;
clear:both;
}
#pagebody div.changeflow .imgarea img{
margin-left:10px;
}

#pagebody div.otherflow{
border:#3d9dff 1px solid;
background-color:#eff5ff;
padding:0 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.connectmyflow{
background-color:#ffffff;
padding:0 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.cmfh2_capturearea{
float:right;
margin:0 0 10px 10px;
width:385px;
}


#pagebody div.onepoint{
border:#3981d8 1px solid;
background-color:#ffffff;
padding:0 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.relatedlink{
border:#3981d8 1px solid;
padding:10px 10px;
margin-bottom:20px;
clear:both;
}

#pagebody div.relatedlink h3{
font-weight:bold;
margin-bottom:10px;
}

#pagebody div.relatedlink a{
font-size:85%;
background:url(http://i.yimg.jp/images/my/cm/userguide/limarkother.png) no-repeat scroll left 4px;
padding-left:10px;
}

#pagebody div.capturearea{
float:right;
margin:10px 0 10px 10px;
width:385px;
}

#pagebody h3.capturettl{
margin:10px 400px 10px 0;
font-weight:bold;
}

#pagebody img.delcon{
margin:0 2px;
vertical-align:top;
}

#pagebody h3.onepointttl{
margin:10px 400px 10px 0;
font-weight:bold;
}
#pagebody h3.onepointttl img{
margin-right:5px;
vertical-align:middle;
}
#pagebody h3.onepointttl-nimg{
margin:10px 0 10px 0;
font-weight:bold;
}
#pagebody h3.onepointttl-nimg img{
margin-right:5px;
vertical-align:middle;
}

#pagebody p.captureextx,
#pagebody p.onepointextx{
line-height:1.5em;
margin:0 400px 20px 0;
}
#pagebody p.onepointextx-nimg{
line-height:1.5em;
margin:0 0 20px 0;
}


#pagebody p.captureextx img.addtomy,
#pagebody p.onepointextx img.addtomy,
#pagebody p.contentsextxt img.addtomy{
margin:0 5px;
vertical-align:middle;
}

#pagebody img.arrow{
margin:0 0 10px 200px;
}

/* pagebody second */


/* footer */
p.mylink{
border-bottom:1px solid #999999;
margin-top:15px;
padding-bottom:15px;
font-size:95%;
text-align:center;
zoom:1;
}

.mylink span.totop{
border-right:1px solid #000000;
margin-right:10px;
padding-right:10px;
}


#footer ul.connect{
text-align:center;
margin-bottom:5px;
}

#footer ul.connect li{
display:inline;
}

#footer address{
clear:both
}

/* footer */


/* emg
======================*/
#emg{width:950px;margin:0 auto;text-align:center;}#emg table{margin:10px auto;}#emg table td{padding:2px;}#emg table table{margin:0;}#emg table table td{padding:0;}#emg br{display:none;}