@charset "utf-8";

/*
===================================================
 Primary Basic Elements
===================================================
*/
#primary p,
#primary blockquote,
#primary ul,
#primary ol,
#primary dl{
margin:0 0 1.3em 0;
}

#primary p,
#primary blockquote,
#primary dl dd{
line-height:1.5;
}

#primary ul,
#primary ol{
line-height:1.3;
}

#primary div.section{
margin-bottom:1.8em;
}

#primary .separated{
padding-top:1.2em;
background:url(img/primary/dot-x.png) left top repeat-x;
}
#primary div.section.separated{
padding-top:2.3em;
}

#primary em.note{
margin:0 3px 0 1px;
color:#808080;
font-size:85.75%;
font-weight:normal;
}

#primary .icon{
margin:0 3px;
vertical-align:middle;
}


/*
===================================================
 Heading
===================================================
*/
#primary h2{
margin-bottom:10px;
padding:15px 12px 25px 12px;
border-top:1px solid #d9d9d9;
background:url(img/primary/h2.png) left bottom repeat-x;
font-size:130%;
font-weight:bold;
}

#primary h3{
margin-bottom:8px;
padding:9px 5px 8px 15px;
border-bottom:1px solid #4c4c4c;
color:#fff;
background:#4c4c4c url(img/primary/h3.png) left top no-repeat;
font-size:115%;
font-weight:bold;
}

#primary h4{
margin-bottom:10px;
padding:6px 10px 4px 14px;
border-bottom:1px solid #d9d9d9;
background:url(img/primary/h4.png) left top no-repeat;
font-size:100%;
font-weight:bold;
}

#primary h5{
margin-left:2px;
margin-bottom:10px;
padding-left:7px;
border-left:3px solid #333;
font-weight:bold;
}

#primary h6{
font-weight:bold;
}


/*
===================================================
 Paragraph
===================================================
*/
#primary p.end{
margin-bottom:50px;
}

#primary p.error{
margin-left:40px;
font-weight:bold;
}

#primary p.catch{
margin-bottom:1em;
color:#e95504;
font-size:120%;
font-weight:bold;
line-height:1.3;
}

#primary p.supplement{
line-height:1.3;
text-align:right;
}

#primary p.message{
padding:10px;
border:1px solid #D9D9D9;
background-color:#e7edf3;
font-weight:bold;
line-height:1.3;
text-align:center;
}

#primary p.more{
line-height:1.3;
text-align:right;
}

#primary p.more a{
padding:0 0 0 10px;
background:url(img/primary/arrow.png) 0 0.3em no-repeat;
}



/*
===================================================
 Unordered Lists
===================================================
*/

#primary ul li{
margin-bottom:7px;
padding-left:15px;
background:url(img/primary/square.png) 5px 0.45em no-repeat;
}

#primary ul li ul{
margin:0.3em 0 0.5em 0;
}

#primary ul li ul li{
margin-bottom:3px;
}

#primary ul li a{
margin-left:-13px;
padding:0 0 0 13px;
background:url(img/primary/arrow.png) 3px 0.265em no-repeat;
_background-position:3px 0.4em;
}
*:first-child+html #primary ul li a{
background-position:3px 0.4em;
}
#primary ul li p.img a{
margin-left:0;
padding-left:0;
background-image:none;
}


/* ul.none
--------------------------------------------------*/
#primary ul.none li{
padding-left:0;
background-image:none;
}


/* ul.inline
--------------------------------------------------*/
#primary ul.inline{
margin-left:0;
overflow:hidden;
}

#primary ul.inline li{
margin:0 25px 0 -15px;
padding:0 0 0 15px;
float:left;
background:url(img/primary/dot-y.png) left top repeat-y;
}

#primary ul.inline li a{
margin:0;
padding:0;
background-image:none;
white-space:nowrap;
}


/* ul.page-nav
------------------------------------------------ */
#primary ul.page-nav{
padding-top:1em;
}

#primary ul.page-nav li{
margin:0 0 5px 0;
background-image:none;
}

#primary ul.page-nav li.to-back{
margin-top:-1em;
}

#primary ul.page-nav li.to-back a{
background:url(img/primary/arrow_back.png) 0 0.4em no-repeat;
}

#primary ul.page-nav li.to-next{
font-weight:bold;
text-align:right;
}

#primary ul.page-nav li.to-top{
margin-top:1em;
text-align:right;
}

#primary ul.page-nav li.to-top a{
background:url(img/primary/arrow_top.png) 0 0.3em no-repeat;
}


/* ul.btn
------------------------------------------------ */
#primary ul.btn{
margin-bottom:25px;
margin-left:0;
text-align:center;
}

#primary ul.btn li{
margin:0 5px;
padding-left:0;
display:inline;
background-image:none;
}

#primary ul.btn li a{
margin-left:0;
padding-left:0;
background-image:none;
}

#primary ul.btn li img{
margin:5px 0;
}


/* div.tab
------------------------------------------------ */
#primary div.tab{
margin-bottom:25px;
background:url(img/primary/tab.png) left bottom repeat-x;
width:680px;
overflow:hidden;
}

#primary div.tab ul{
margin:0;
width:685px;
}

#primary div.tab ul li{
margin:0 5px 0 0;
_margin-bottom:-1px;
padding:0;
float:left;
background-image:none;
}

#primary div.tab ul li a{
margin:0;
padding:0;
background-image:none;
}


/* ul.note
--------------------------------------------------*/
#primary ul.note01,
#primary ul.note02{
position:relative;
color:#808080;
font-size:85.75%;
}

#primary ul.note01 li{
text-indent:-1.3em;
padding-left:1.3em;
background:none;
}

#primary ul.note02 li{
text-indent:-1.8em;
padding-left:1.8em;
background:none;
}

#primary ul.note01 li a,
#primary ul.note02 li a{
margin-left:0;
padding-left:0;
background-image:none;
}


/* ul.check
------------------------------------------------ */
#primary ul.check li{
padding-left:21px;
position:relative;
background-image:none;
}

#primary ul.check li input{
margin:0;
padding:0;
position:absolute;
top:2px;
_top:-5px;
left:0;
_left:-23px;
}

*:first-child+html #primary ul.check li input{
top:-5px;
left:-2px;
}

#primary ul.check li ul{
margin:5px 0 10px 0 !important;
}


/* ul.col2
------------------------------------------------ */
#primary ul.col2 li{
float:left;
width:46%;
}

#primary ul.col2 li li{
float:none;
width:auto;
}

#primary ul.col2 li dl{
margin-left:-14px;
}


/* ul.col3
------------------------------------------------ */
#primary ul.col3 li{
float:left;
width:31%;
}

#primary ul.col3 li dl{
margin-left:-14px;
}


/*
===================================================
 Ordered Lists
===================================================
*/

#primary ol li{
margin-bottom:5px;
margin-left:1.9em;
list-style-type:decimal;
list-style-position:outside;
}

#primary ol li p,
#primary ol li ul,
#primary ol li ol,
#primary ol li dl{
margin-bottom:0;
}

#primary ol li dl dt{
font-weight:normal;
}

#primary ol li ul{
padding-top:5px;
padding-bottom:5px;
}

#primary ol li ul li{
margin-left:0;
list-style-type:none;
}


/*
===================================================
 Definition Lists
===================================================
*/

#primary dl dt{
margin-bottom:0.3em;
padding-left:13px;
background:url(img/primary/square.png) 5px 0.45em no-repeat;
font-weight:bold;
}

#primary dl dt a{
margin-left:-12px;
padding-left:13px;
background:url(img/primary/arrow.png) 3px 0.265em no-repeat;
_background-position:3px 0.3em;
}

*:first-child+html #primary dl dt a{
background-position:3px 0.3em;
}

#primary dl dd{
margin-bottom:0.8em;
padding-left:13px;
}

#primary dl dd p,
#primary dl dd ul,
#primary dl dd ol,
#primary dl dd ul li,
#primary dl dd dl,
#primary dl dd dd{
margin:0 0 5px 0;
}


/* dl.style01
------------------------------------------------ */
#primary dl.style01{
line-height:1.2;
}

#primary dl.style01 dt{
margin:0;
padding:6px 15px 5px 0;
clear:both;
float:left;
width:145px;
background-image:none;
}

#primary dl.style01 dd{
margin:0;
padding:5px 0;
max-width:520px;
min-width:520px;
}

#primary dl.style01 > dd{
float:left;
}
*:first-child+html #primary dl.style01 > dd{
float:none;
}

#primary dl.style01 dd p,
#primary dl.style01 dd ul,
#primary dl.style01 dd ol,
#primary dl.style01 dd dl,
#primary dl.style01 dd table{
margin:0 0 2px 0;
}

#primary dl.style01 dd dl dt{
padding:0;
float:none;
width:auto !important;
}

#primary dl.style01 dd dl dd{
padding:0;
float:none;
max-width:auto;
min-width:auto;
}


/* dl.style01.separated */
#primary dl.style01.separated{
margin:0 0 1.5em 0;
padding:0;
background:url(img/primary/dot-x.png) left bottom repeat-x;
}

#primary dl.style01.separated dt{
margin-bottom:0.5em;
padding-top:1em;
padding-left:5px;
width:140px;
background:url(img/primary/dot-x.png) left top repeat-x;
}

#primary dl.style01.separated dd{
margin-bottom:0.5em;
padding-top:1em;
background:url(img/primary/dot-x.png) left top repeat-x;
}


/* dl.other
------------------------------------------------ */
#primary dl.other{
text-align:center;
}

#primary dl.other dt{
padding-left:0;
display:inline;
background-image:none;
font-weight:normal;
vertical-align:middle;
}

#primary dl.other dd{
margin:0 8px 0 5px;
padding:0 13px 0 0;
display:inline;
background:url(img/primary/dot-y.png) right top repeat-y;
vertical-align:middle;
}

#primary dl.other dd:last-child{
background-image:none;
}

#primary dl.other dd a{
line-height:1.2;
white-space:nowrap;
}


/* dl.date
------------------------------------------------ */
#primary dl.date{
background:url(img/primary/dot-x.png) left bottom repeat-x;
line-height:1.2;
}

#primary dl.date dt{
margin:0;
padding:10px 0;
background:url(img/primary/dot-x.png) left top repeat-x;
clear:both;
float:left;
width:100px;
font-weight:normal;
}

#primary dl.date dd{
margin:0;
padding:10px 0;
background:url(img/primary/dot-x.png) left top repeat-x;
float:left;
width:580px;
}

#primary dl.date dd p,
#primary dl.date dd ul,
#primary dl.date dd li{
margin-bottom:0;
}


/* dl.plugin
------------------------------------------------ */
#primary dl.plugin{
margin-left:0;
line-height:1.2;
}

#primary dl.plugin dt{
margin:0 0 5px 0;
padding:0 0 5px 0;
clear:both;
float:left;
width:130px;
background-image:none;
}

#primary dl.plugin dt a{
margin-left:0;
padding-left:0;
background-image:none;
}

#primary dl.plugin dd{
margin:0 0 5px 0;
padding:5px 0;
float:left;
width:550px;
}


/* dl.note
------------------------------------------------ */
#primary dl.note{
color:#666;
}

#primary dl.note dt{
margin:0;
padding:0;
background-image:none;
font-weight:normal;
}

#primary dl.note dd{
padding-left:1.3em;
line-height:1.3;
}


/* dl.contact
------------------------------------------------ */
#primary dl.contact{
padding:8px 14px 14px 14px;
border:1px solid #b3b3b3;
background-color:#333333;
}

#primary dl.contact dt{
margin:0 0 10px 0;
padding:0;
color:#fff;
background:none;
}

#primary dl.contact dd{
margin:0;
padding:10px;
background-color:#f2f2f2;
}

#primary dl.contact dd li{
margin-bottom:0;
}

#primary dl.contact dd p{
margin-bottom:0;
}

#primary dl.contact dd ul.btn{
margin-bottom:10px;
padding-top:10px;
}


/* dl.column1
------------------------------------------------ */
#primary dl.column1{
}

#primary dl.column1 dt{
margin:0;
padding:13px 10px 10px 10px;
border-top:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
background:#fff url(img/primary/column.png) left top no-repeat;
}

#primary dl.column1 dd{
margin:0 0 15px 0;
padding:0 10px 10px 10px;
border-bottom:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
}

/* dl.column1.special */
#primary dl.column1.special dt{
color:#e95504;
background:#f0f2f5 url(img/primary/column-special.png) left top no-repeat;
}

#primary dl.column1.special dd{
background:#f0f2f5 url(img/primary/column-special-bottom.png) left bottom no-repeat;
}


/*
===================================================
 Table
===================================================
*/
#primary table{
margin:0 0 0.5em 0;
border-collapse:collapse;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#aaa59d;
width:99.8%;
clear:both;
}

#primary table.auto{
width:auto;
}

#primary table tbody tr.odd{background-color:#fff;}
#primary table tbody tr.even{background-color:#fffbea;}

#primary table tr th,
#primary table tr td{
padding:0.5em 0.5em;
vertical-align:top;
border:0 none;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#aaa59d;
empty-cells:show;
}

#primary table caption{
margin-bottom:3px;
margin-left:3px;
font-weight:bold;
text-align:left;
}

#primary table tbody tr th,
#primary table tbody tr.even th,
#primary table tbody tr.odd th{
background-color:#e7edf3;
font-weight:normal;
}

#primary table thead tr th{
background-color:#e6e6e6;
font-weight:bold;
}

#primary table tr td p,
#primary table tr td ul,
#primary table tr td ol,
#primary table tr td dl{
margin:0 0 5px 0;
}

#primary table tr td ul li a{
background-position:0 0;
}


/* Option
------------------------------------------------ */
#primary table tr .check{
width:1%;
}

#primary table tr th.center,
#primary table tr td.center,
#primary table tr td.status,
#primary table tr td.action{
text-align:center;
}

#primary table tr td.price{
text-align:right;
}

#primary table tr td.attention{
background-color:#ebebeb;
}










/*
===================================================
  Structure:Image Layout
===================================================
*/

#primary .img{
color:#808080;
line-height:1.2;
text-align:center;
}

#primary .img img{
margin:3px 0 5px 0;
}


/* ul.img
------------------------------------------------ */
#primary ul.img{
margin-left:0;
text-align:center;
}

#primary ul.img li{
margin:0 0 10px 0;
padding-left:0;
background-image:none;
}

#primary ul.img li a{
margin-left:0;
padding-left:0;
background-image:none;
}


/* ul.img-col2
------------------------------------------------ */
#primary ul.img-col2{
margin-right:-20px;
overflow:hidden;
}

#primary ul.img-col2 li{
margin-bottom:10px;
margin-right:20px;
padding:0;
float:left;
width:330px;
background:none;
}

#primary ul.img-col2 li p{
margin-bottom:0;
zoom:normal;
}

#primary ul.img-col2 li p.img{
margin-right:10px;
float:left;
width:140px;
text-align:left;
}

#primary ul.img-col2 li a{
margin-left:0;
padding-left:0;
background:none;
}


/* div.img-right, div.img-left
------------------------------------------------ */
#primary .img-right p.img{
margin-bottom:5px;
margin-left:20px;
float:right;
}

#primary .img-left p.img{
margin-bottom:5px;
margin-right:20px;
float:left;
}

#primary .img-right p,
#primary .img-left p{
zoom:normal;
}

#primary .img-right li p.img{
margin-left:5px;
}

#primary .img-left li p.img{
margin-right:5px;
}

#primary .img-left ul.note01 li,
#primary .img-left ul.note02 li,
#primary .img-right ul.note01 li,
#primary .img-right ul.note02 li{
text-indent:0;
_text-indent:-1.3em;
}

*:first-child+html #primary .img-left ul.note01 li,
*:first-child+html #primary .img-left ul.note02 li,
*:first-child+html #primary .img-right ul.note01 li,
*:first-child+html #primary .img-right ul.note02 li{
text-indent:-1.3em;
}


/*
===================================================
  Structure:index
===================================================
*/

/* div.index
------------------------------------------------ */
#primary div.index{
margin-bottom:20px;
}

#primary div.index h2,
#primary div.index h3{
margin:0;
padding:9px 0 8px 15px;
border:0 none;
border-bottom:1px solid #4c4c4c;
color:#fff;
background:#4c4c4c url(img/primary/h3-index.png) left top no-repeat;
font-size:115%;
font-weight:bold;
}

#primary div.index h2 a,
#primary div.index h3 a{
margin:-9px 0 -10px -15px;
padding:9px 0 9px 15px;
display:block;
color:#fff;
background:url(img/primary/h3-index-link.png) left top no-repeat;
}
#primary div.index h2 a:hover,
#primary div.index h3 a:hover{background:url(img/primary/h3-index-link_h.png) left top no-repeat; text-decoration:none;}

#primary div.index div.inner{
padding:10px 10px 0 10px;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
}

#primary div.index div.inner h4{
background-image:url(img/primary/h4-inner.png);
}

#primary div.index div.inner p,
#primary div.index div.inner ul,
#primary div.index div.inner ol,
#primary div.index div.inner dl,
#primary div.index div.inner table{
margin-bottom:15px;
}

#primary div.index div.inner dl dt{
margin-bottom:3px;
}

#primary div.index div.inner dl dd{
margin-bottom:7px;
line-height:1.2;
}

#primary div.index div.inner ul.col2 li,
#primary div.index div.inner ul.col2 li dl{
margin-bottom:0;
}

#primary div.index div.inner dl dd p,
#primary div.index div.inner dl dd ul,
#primary div.index div.inner dl dd ol,
#primary div.index div.inner dl dd dl,
#primary div.index div.inner dl dd dd{
margin-bottom:10px;
}

/* div.inner > p.more */
#primary div.index div.inner p.more.separated{
margin-bottom:8px;
padding-top:8px;
padding-right:2px;
}

/* div.inner > dl.style01 */
#primary div.index div.inner dl.style01 dd{
margin-bottom:0;
padding-bottom:0;
max-width:492px;
min-width:492px;
}


/* div.inner.img-right > dl.style01 */
#primary div.index div.inner.img-right dl.style01{
width:420px;
float:left;
}

#primary div.index div.inner.img-right dl.style01 dt{
width:100px;
}

#primary div.index div.inner.img-right dl.style01 dd{
max-width:300px;
min-width:300px;
}


/* ul.index
------------------------------------------------ */
#primary ul.index{
margin-right:-19px;
overflow:hidden;
}

#primary ul.index li{
margin:0 19px 20px 0;
padding:0;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
float:left;
width:328px;
background-image:none;
}

#primary ul.index li p,
#primary ul.index li ul,
#primary ul.index li ol,
#primary ul.index li dl{
margin:0;
padding:0 10px 10px 10px;
}

#primary ul.index li ul li{
margin:0 0 3px 0;
padding:0;
border:0 none;
float:none;
width:auto;
}
#primary ul.index li ul li{margin:0 0 5px 0; padding-left:15px;}
#primary ul.index li ul li a{margin-left:-13px; padding:0 0 0 13px;}

#primary ul.index li h2,
#primary ul.index li h3{
margin:0 -1px 8px -1px;
padding:9px 0 8px 15px;
border:0 none;
border-bottom:1px solid #4c4c4c;
position:relative;
color:#fff;
background:#4c4c4c url(img/primary/h3-index_s.png) left top no-repeat;
font-size:115%;
font-weight:bold;
}

#primary ul.index li h2 a,
#primary ul.index li h3 a{
margin:-9px 0 -9px -15px;
padding:9px 25px 8px 15px;
border:0 none;
display:block;
color:#fff;
background:#333 url(img/primary/h3-index-link_s.png) left top no-repeat;
zoom:1;
}

#primary ul.index li h2 a:hover,
#primary ul.index li h3 a:hover{
background:#707070 url(img/primary/h3-index-link_s_h.png) left top no-repeat;
text-decoration:none;
}


/* ul.index.noframe
------------------------------------------------ */
#primary ul.index.noframe li{
margin:0 19px 20px 0;
padding:0;
border:0 none;
}

#primary ul.index.noframe li p,
#primary ul.index.noframe li ul,
#primary ul.index.noframe li ol,
#primary ul.index.noframe li dl{
padding:0;
}

#primary ul.index.noframe li ul li{
margin:0 0 3px 0;
padding:0;
border:0 none;
float:none;
width:auto;
}
#primary ul.index.noframe li ul li{margin:0 0 5px 0; padding-left:15px;}
#primary ul.index.noframe li ul li a{margin-left:-13px; padding:0 0 0 13px;}


#primary ul.index.noframe li h3{
margin-bottom:8px;
padding:9px 5px 8px 15px;
border-bottom:1px solid #4c4c4c;
color:#fff;
background:#4c4c4c url(img/primary/h3.png) left top no-repeat;
font-size:115%;
font-weight:bold;
}

#primary ul.index.noframe li h3 a{
margin:0;
padding:0;
background:none;
display:inline;
text-decoration:underLine;
}
#primary ul.index.noframe li h3 a:hover{text-decoration:none;}

#primary ul.index.noframe li h4{
margin-bottom:10px;
padding:6px 10px 4px 14px;
border-bottom:1px solid #d9d9d9;
background:url(img/primary/h4-index.png) left top no-repeat;
}

#primary ul.index.noframe li h4 a{
margin:0;
padding:0;
background-image:none;
}


/*
===================================================
  Structure:agreement
===================================================
*/

#primary div.agreement{
margin-bottom:25px;
padding:10px;
background-color:#ebebeb;
height:200px;
overflow:auto;
}

#primary div.agreement h3,
#primary div.agreement h4{
margin: 0 0 10px 0;
padding:0 0 0 7px;
border:0 none;
border-left:3px solid #333;
background:none;
font-size:100%;
font-weight:bold;
}







/*
===================================================
  Structure:noteworthy-product
===================================================
*/
#primary div.index div.inner div.noteworthy-product{
margin-bottom:12px;
position:relative;
}

#primary div.index div.inner div.noteworthy-product p{
margin:0;
}

#primary div.index div.inner div.noteworthy-product ul.inline{
margin:0;
padding:0;
position:absolute;
bottom:15px;
left:23px;
width:300px;
}

#primary div.index div.inner div.noteworthy-product ul.inline li{
margin:0 2px;
padding:0;
background:none;
}

















/*
===================================================
  Extention Structure:
===================================================
*/
#primary div.case-intro{
margin-bottom:30px;
padding-top:10px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

#primary div.case-intro .img{
margin-bottom:0;
float:right;
width:180px;
}
#primary div.case-intro .img img{margin:0 0 3px 0;}

#primary div.case-intro dl.style01{
margin-bottom:0;
float:left;
width:500px;
}

#primary div.case-intro dl.style01 dt{
margin-bottom:10px;
float:left;
width:110px;
}

#primary div.case-intro dl.style01 dd{
margin-bottom:10px;
float:left;
max-width:370px;
min-width:370px;
}