@charset "utf-8";

/*==================================================
*	01. Base
*	02. Structure
*	03. Modules
*		03-01. Basic Modules
*			Heading
*			Paragraph
*		03-02. Fence Modules
*			 Layout
*		03-03. Part Modules
*			List
*			Navigation
*			Table
*		03-04. Independent Modules
*			Block
*		03-05. Form Modules
*			Text
*			Radio
*			Textarea
*	04. Frame
*	05. Unique
*	06. Support
==================================================*/


/*==================================================
	01. Base
==================================================*/

body{
margin:0;
padding:0;
position:relative;
line-height:1.39;
color:#101010;
background:url(/usr/file/attachment/body.jpg) repeat-x center top;
font-family:/*'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', */Meiryo, 'メイリオ', sans-serif;
font-size:81.3%;
}

body.popup,
body.popup_single{
background-image:none;
}

/* Javascript */
body.txt_small{
font-size:69%;
}
body.txt_large{
font-size:100%;
}


h1{
font-size:184.6%;
}
h2{
font-size:138.5%;
}
h3{
font-size:123.1%;
}
h5{
font-size:100%;
}

h6{
margin-bottom:0.46em;
font-size:100%;
}

h3 sup{
font-weight:normal;
font-size:64%;
}

h4 sup{
font-weight:normal;
font-size: 75%;
}


p{
margin:0 0 0.77em;
}

ul,
dl{
margin:0.77em 0;
}
ul li > ul,
dd > ul{
margin-top:0.31em;
}

td span.colon + ul,
td span.colon + dl{
margin-top:0;
}

ul{
padding-left:15px;
}

ol{
padding-left:24px;
/padding-left:0;
}

li{
margin:0 0  0.31em;
}

dt{
margin-bottom:0.15em;
font-weight:bold;
}

dd{
margin:0 0  0.62em;
}

em{
color:#da0203;
font-style:normal;
}

img{
border: 0;
vertical-align:bottom;
_vertical-align:text-bottom;
}

table{
margin-bottom:1.0em;
}

th sup{
font-weight:normal;
}


caption{
text-align:left;
}

form{
border:0 none;
text-decoration:none;
}

input,
select{
vertical-align:middle;
}

input:-moz-placeholder{
color: #101010;
}

textarea{
font-size:100%;
}

address{
font-style:normal;
}

hr{
display:none;
}

a,
a:link,
a:visited{
color:#005cce;
text-decoration:none;
}

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


/*==================================================
	02. Structure
==================================================*/
body.popup,
body.popup_single{
background-image:url(/usr/file/attachment/body_popup.jpg);
}

body.english{
background-image:url(/usr/file/attachment/body_english.jpg);
}

div#stage{
background:url(/usr/file/attachment/stage.png) repeat-x #f5f5f5 top left;
}

body.english div#stage{
background:url(/usr/file/attachment/stage_english.jpg) no-repeat center top;
}

body.popup div#stage,
body.popup_single div#stage{
background-image:none;
}

div#wrapper{
margin:0 auto;
width:900px;
}

body.popup div#wrapper,
body.popup_single div#wrapper{
width:675px;
}

/** Header Area
---------------------------------------------*/
div#str_header{
position:relative;
height:150px;
}

body.popup div#str_header,
body.popup_single div#str_header{
margin-bottom:5px;
padding:14px 0 8px;
height:auto;
background:url(/usr/file/attachment/brd_01.gif) repeat-x left bottom;
}

body.english div#str_header{
height:93px;
}


/** Contents Area
---------------------------------------------*/
div#str_contents{
margin-bottom:0.62em;
position:relative;
}

body.popup div#str_contents,
body.popup_single div#str_contents{
margin-bottom:0;
}

body.home div#str_contents{
padding-top:15px;
}

div#str_contents div#str_main{
padding-bottom:4.23em;
float:left;
width:675px;
min-height:450px;
height:auto !important;
height:450px;
}

div#str_contents div#str_main.single{
float:none;
width:auto;
}

body.popup div#str_contents div#str_main,
body.popup_single div#str_contents div#str_main{
padding:19px 0 103px;
float:none;
}

body.popup div#str_contents div#str_main > *:first-child,
body.popup_single div#str_contents div#str_main > *:first-child{
margin-top:0;
}

div#str_contents div#str_sub{
float:right;
width:210px;
}

/** Footer Area
---------------------------------------------*/
div#str_footer_container{
clear:both;
background:#d8d9da url(/usr/file/attachment/str_footer_container.gif) repeat-x center top;
zoom:1;
}

div#str_footer{
margin:0 auto;
padding:13px 0 1px;
width:900px;
}

body.popup div#str_footer,
body.popup_single div#str_footer{
width:675px;
}


/*==================================================
	03. Modules
==================================================*/

/*--------------------------------------------------
	03-01. Basic Modules
--------------------------------------------------*/

/** Heading - Level 1
---------------------------------------------*/
div#str_contents h1.hdg_l1{
margin:0 0 0.5em;
padding:18px 19px 33px;
background:url(/usr/file/attachment/hdg_l1.jpg) no-repeat left bottom;
}

/** Heading - Level 2
---------------------------------------------*/
div#str_contents h2.hdg_l2{
margin-bottom:0.85em;
background:url(/usr/file/attachment/hdg_l2_01.png) no-repeat left bottom;
}

div#str_contents h2.hdg_l2 > span.inner{
padding:6px 9px 6px 24px;
display:block;
min-height:21px;
height:auto !important;
height:21px;
background:url(/usr/file/attachment/hdg_l2_02.png) no-repeat left top;
color:#fff;
}

div#str_contents h2.hdg_l2 > span.inner > a{
margin:-6px -9px -6px -28px;
padding:6px 9px 6px 28px;
display:block;
background:url(/usr/file/attachment/blt_arrow_hdg.gif) no-repeat 8px center;
}

div#str_contents h2.hdg_l2 img.icon{
margin-bottom:0.13em;
}

div#str_contents h2.hdg_l2.navigation{
background-image:url(/usr/file/attachment/hdg_l2_03.png);
}

div#str_contents h2.hdg_l2.navigation > span.inner{
padding-left:28px;
background-image:url(/usr/file/attachment/hdg_l2_04.png);
}

div#str_contents h2.hdg_l2.navigation > span.inner a{
margin:-6px -9px -6px -28px;
padding:6px 9px 6px 28px;
display:block;
color:#fff;
background:url(/usr/file/attachment/anc_03.gif) no-repeat 8px center;
}

table + h2.hdg_l2{
/margin-top:1.5em !important;	//for IE
}

/** Heading - Level 2 in HOME
---------------------------------------------*/
body.home h2.hdg_l2_home{
margin-bottom:0.59em;
padding:7px 9px;
color:#fff;
background:url(/usr/file/attachment/hdg_l2_05.gif) repeat-x left center;
font-size:131%;
}

body.home h2.hdg_l2_home.icon{
padding-left:42px;
position:relative;
}

body.home h2.hdg_l2_home.icon img.icon{
position:absolute;
top:6px;
left:8px;
}

body.home div#str_main h2.hdg_l2_home:first-child{
margin-top:0;
}

/** Heading - Level 3
---------------------------------------------*/
div#str_contents h3.hdg_l3{
margin:1.21em 0 0.67em;
border:1px #c5c5c5 solid;
background:#fff url(/usr/file/attachment/hdg_l3_01.png) no-repeat 8px 6px;
/background-position:9px 6px;
font-weight:normal;
}

div#str_contents h3.hdg_l3 > span{
padding:6px 9px 4px 24px;
display:block;
min-height:23px;
height:auto !important;
height:23px;
background:url(/usr/file/attachment/hdg_l3_02.png) no-repeat left bottom;
}

div#str_contents h3.hdg_l3.navigation{
border-bottom:0 none;
zoom:1;
}

div#str_contents h3.hdg_l3.navigation > span.inner{
margin-top:-4px;
padding:7px 9px 8px 28px;
position:relative;
bottom:-4px;
background:#fff url(/usr/file/attachment/hdg_l3_03.png) no-repeat left bottom;
}

div#str_contents h3.hdg_l3.navigation > span.inner a{
margin:-6px -9px -4px -28px;
padding:6px 9px 4px 28px;
display:block;
background:url(/usr/file/attachment/anc_02.png) no-repeat 10px center;
}

div#str_contents h3.hdg_l3.navigation > span.inner a:link,
div#str_contents h3.hdg_l3.navigation > span.inner a:visited{
color:#101010;
}

table + h3.hdg_l3{
/margin-top:2.02em !important;	//for IE
}

/** Heading - Level 4
---------------------------------------------*/
div#str_contents h4.hdg_l4{
margin:1.15em 0 0.62em;
border-top:1px #d4d1d1 solid;
border-bottom:1px #d4d1d1 solid;
background-color:#fff;
}

div#str_contents h4.hdg_l4 > span.inner{
margin:2px 0;
padding:4px 9px 2px 24px;
display:block;
background:#efefef url(/usr/file/attachment/hdg_l4.gif) no-repeat 8px 0.54em;
}

table + h4.hdg_l4{
/margin-top:2.31em !important;	//for IE
}

/** Heading - Level 4 Feature
---------------------------------------------*/
div#str_contents h4.hdg_l4_feature{
margin:1.15em 0 0.62em;
border-top:1px #96c2f6 solid;
border-bottom:1px #c5c5c5 solid;
background:#fff url(/usr/file/attachment/hdg_l4_feature.png) no-repeat left top;
font-size:108%;
}

div#str_contents h4.hdg_l4_feature > span.inner{
padding:6px 9px 5px 24px;
border-bottom:1px #96c2f6 solid;
min-height:19px;
height:auto !important;
height:19px;
display:block;
background:url(/usr/file/attachment/hdg_l4.gif) no-repeat 8px 0.69em;
}

div#str_contents h4.hdg_l4_feature img.icon{
margin-bottom:1px;
margin-left:2px;
/margin:-5px 0 0 2px;
}

div#str_contents h4.hdg_l4_feature.icon > span.inner{
padding-left:82px;
position:relative;
}

div#str_contents h4.hdg_l4_feature.icon img.icon{
/margin-top:0;
position:absolute;
top:3px;
left:2px;
}


/** Heading - Level 5
---------------------------------------------*/
div#str_contents h5.hdg_l5{
padding:0 0 2px 11px;
border-bottom:1px #c5c5c5 solid;
background:url(/usr/file/attachment/hdg_l5.gif) no-repeat left bottom;
}

table + h5.hdg_l5{
/margin-top:2.62em !important;	//for IE
}

/** Heading - Level 6
---------------------------------------------*/
div#str_contents h6.hdg_l6{
padding-left:12px;
background:url(/usr/file/attachment/blt_02.gif) no-repeat 1px 0.38em;
}

/** Heading - Image
---------------------------------------------*/
h1.hdg_img,
h2.hdg_img,
h3.hdg_img,
h4.hdg_img,
h5.hdg_img{
padding:0;
background-image:none;
}

h1.hdg_img{
margin-top:0;
}

/** Heading - Question
---------------------------------------------*/
h2.hdg_question{
margin-bottom:1.0em;
padding:10px 11px 7px 37px;
/padding:10px 11px 8px 37px;
position:relative;
background-color:#e5f1ff;
font-size:100%;
}

h2.hdg_question img.icon{
position:absolute;
top:8px;
/top:9px;
left:11px;
}

/** Paragraph - Text
---------------------------------------------*/
.txt_left{
text-align:left !important;
}

.txt_center{
text-align:center !important;
}

.txt_right{
text-align:right !important;
}

.txt_top{
vertical-align:top;
}

p.txt_lead{
font-weight:bold;
font-size:115%;
}

p.txt_headline{
font-weight:bold;
font-size:132%;
}

/** Paragraph - Download Files Icon
---------------------------------------------*/
span.icon_file img{
margin-top:-2px;
/margin-top:0;
padding:0 4px 0 7px;
vertical-align:baseline;
}

/** Paragraph - New Icon
---------------------------------------------*/
span.icon_new img{
margin:0 7px -3px 5px;
vertical-align:baseline;
zoom:1;
}

/** Paragraph - Post Icon
---------------------------------------------*/
span.icon_post img{
margin:0 5px -3px 3px;
vertical-align:baseline;
}

/** Paragraph - Map Icon
---------------------------------------------*/
img.icon_map{
margin:-3px 7px 0 5px;
vertical-align:middle;
}

/** Paragraph - large
---------------------------------------------*/
strong.large{
font-size:120%;
}

/*--------------------------------------------------
	03-02. Fence Modules
--------------------------------------------------*/

/** Section
---------------------------------------------*/

/** Layout - 2 Column
---------------------------------------------*/
div.lyt_col2{
margin-right:-15px;
}

div.lyt_col2 div.segment{
margin-right:15px;
float:left;
}

div#str_contents div.lyt_col2 div.segment{
margin:0 15px 1.31em 0;
width:330px;
}

/* div.segment > h3.hdg_l3 */
/* div.segment > h2.hdg_l2 */
div.lyt_col2 div.segment h2.hdg_l2,
div.lyt_col2 div.segment h3.hdg_l3{
margin-top:0 !important;
}

/** Layout - Text with Image
---------------------------------------------*/
div#str_contents div.lyt_image{
margin:1.31em 0;
}

div#str_contents div.lyt_image p.image.left{
margin-right:15px;
float:left;
}

div#str_contents div.lyt_image p.image.right{
margin-left:15px;
float:right;
}

div#str_contents div.lyt_image p.image.center{
margin-bottom:0;
text-align:center;
}

div#str_contents div.lyt_image p.image.center > img{
margin:0 auto 0.33em;
display:block;
}

div#str_contents div.lyt_image div.image{
width:220px;
float:left;
line-height:1.5;
font-size:92.3%;
}

div#str_contents div.lyt_image div.text{
width:440px;
float:left;
}

div#str_contents div.lyt_image div.text ul:first-child,
div#str_contents div.lyt_image div.text dl:first-child{
margin-top:0;
}

div#str_contents div.lyt_image div.image + div.text{
width:440px;
float:right;
}

div#str_contents div.lyt_image div.text + div.image{
width:220px;
float:right;
}

div#str_contents div.lyt_image div.image img{
margin-bottom:0.33em;
}

div.lyt_image ul.zoom{
margin-top:-0.77em;
padding-left:0;
list-style:none;
}

div.lyt_image ul.zoom li{
text-align:center;
}

div.lyt_image ul.zoom li a{
padding-left:18px;
background:url(/usr/file/attachment/blt_zoom.png) no-repeat left top;
}

/** Layout - Index Type 01
---------------------------------------------*/
div#str_main div.lyt_index_01{
margin:0 -15px 0 0;
}

div#str_main div.lyt_index_01 div.box{
margin:0 15px 15px 0;
padding:7px 10px 1px;
width:195px;
float:left;
background-color:#e5f1ff;
}

div#str_main div.lyt_index_01 div.box h3.title{
margin:0 0 0.77em;
padding-left:8px;
border-left:4px #0656b1 solid;
font-size:100%;
}

div#str_main div.lyt_index_01 div.box ul.navigation{
padding-left:0;
list-style:none;
}

div#str_main div.lyt_index_01 div.box ul.navigation img.button{
margin-bottom:0.46em;
}

div#str_main div.lyt_index_01 div.box ul.navigation > li > ul{
margin-top:0;
padding-left:0;
list-style:none;
}

div#str_main div.lyt_index_01 div.box ul.navigation > li > ul > li{
padding-left:15px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 2px 0.38em;
}

/* body.home > */

body.home div#str_main div.lyt_index_01 div.box{
margin-bottom:8px;
}

body.home div#str_main div.lyt_index_01 + ul.nav_text_02{
margin-top:0;
/margin-top:0.46em;
}


/** Layout - Index Type 02
---------------------------------------------*/
div#str_main div.lyt_index_02{
margin:1.23em 0 2.3em;
}

div#str_main div.lyt_index_02 div.box{
margin-bottom:1.15em;
padding:8px 0 0 86px;
border:2px #cfcfcf solid;
position:relative;
min-height:103px;
height:auto !important;
height:103px;
background:#fff url(/usr/file/attachment/lyt_index_02.png) no-repeat left bottom;
}

div#str_main div.lyt_index_02 div.box h2{
margin:0 0 14px -77px;
}

div#str_main div.lyt_index_02 div.box img.thumb{
margin-left:-76px;
position:absolute;
}

div#str_main div.lyt_index_02 div.box ul.navigation{
margin-top:26px;
margin-right:-3px;
padding-left:0;
list-style:none;
}

div#str_main div.lyt_index_02 div.box ul.navigation li{
margin-right:13px;
padding-left:15px;
float:left;
width:119px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 2px 0.38em;
}

/** Layout - Index Type 03
---------------------------------------------*/
div#str_contents div.lyt_index_03{
margin-bottom:1.31em;
}

div#str_contents div.lyt_index_03 h3.title{
margin-bottom:10px;
padding:0 6px 5px;
border-bottom:1px #c5c5c5 solid;
}

div#str_contents div.lyt_index_03 div.box{
padding:1px 0 10px;
background-color:#f0ede9;
}

div#str_contents div.lyt_index_03 div.box ul.nav_index_03{
margin:0;
padding:0;
}

div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li{
margin:10px 5px 0 10px;
border:1px #c5c5c5 solid;
float:left;
width:318px;
background:#fff url(/usr/file/attachment/nav_text_04.gif) repeat-x left bottom;
list-style-type:none;
}

div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a{
padding:6px 8px 6px 28px;
display:block;
background:url(/usr/file/attachment/anc_02.png) no-repeat 10px 8px;
}

div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a:link,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a:visited,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a:hover,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03 li a:focus{
color:#101010;
}

/** Layout - Tab
---------------------------------------------*/
ul.nav_tab_01{
margin-bottom:16px;
padding-left:0;
border-bottom:2px solid #8e8477;
text-align:center;
}

ul.nav_tab_01 li{
margin:0 0 0 5px;
float:left;
list-style-type:none;
background:url(/usr/file/attachment/nav_tab_01.png) no-repeat left top;
}

ul.nav_tab_01 li.first{
margin-left:0;
background:url(/usr/file/attachment/nav_tab_02.png) no-repeat left top;
}

ul.nav_tab_01 li.second{
margin-left:9px;
background:url(/usr/file/attachment/nav_tab_03.png) no-repeat left top;
}

ul.nav_tab_01 li:first-child{
margin-left:0;
}

ul.nav_tab_01 li a{
padding:10px 10px 0;
display:block;
width:145px;
height:27px;
text-decoration:none;
color:#000000;
}

ul.nav_tab_01 li.first a{
width:440px;
}

ul.nav_tab_01 li.second a{
width:186px;
}

ul.nav_tab_01 li a span{
padding-left:12px;
background:url(/usr/file/attachment/blt_arrow_01.gif) no-repeat left 0.4em;
display:inline-block;
}

ul.nav_tab_01 li.hover{
background:url(/usr/file/attachment/nav_tab_01_o.png) no-repeat left top;
}

ul.nav_tab_01 li.hover.first{
background:url(/usr/file/attachment/nav_tab_02_o.png) no-repeat left top;
}

ul.nav_tab_01 li.hover.second{
background:url(/usr/file/attachment/nav_tab_03_o.png) no-repeat left top;
}

ul.nav_tab_01 li.hover a{
color:#ffffff;
text-decoration:none;
}

ul.nav_tab_01 li.hover a span,
ul.nav_tab_01 li.current a span{
background:url(/usr/file/attachment/blt_tab_arrow_o.png) no-repeat left 0.5em;
}

ul.nav_tab_01 li a:hover,
ul.nav_tab_01 li.hover a:hover,
ul.nav_tab_01 li a:focus,
ul.nav_tab_01 li.hover a:focus,
ul.nav_tab_01 li.current a{
background:url(/usr/file/attachment/nav_tab_01_o.png) no-repeat left top #007440;
color:#ffffff;
}

ul.nav_tab_01 li.first a:hover,
ul.nav_tab_01 li.hover.first a:hover,
ul.nav_tab_01 li.first a:focus,
ul.nav_tab_01 li.hover.first a:focus,
ul.nav_tab_01 li.first.current a{
background:url(/usr/file/attachment/nav_tab_02_o.png) no-repeat left top #007440;
}

ul.nav_tab_01 li.second a:hover,
ul.nav_tab_01 li.hover.second a:hover,
ul.nav_tab_01 li.second a:focus,
ul.nav_tab_01 li.hover.second a:focus,
ul.nav_tab_01 li.second.current a{
background:url(/usr/file/attachment/nav_tab_03_o.png) no-repeat left top #007440;
}

ul.nav_tab_01 li a:hover span,
ul.nav_tab_01 li a:focus span{
background:url(/usr/file/attachment/blt_tab_arrow_o.png) no-repeat left 0.5em #8e8477;
cursor:pointer;
}

/** Layout - Change Contents
---------------------------------------------*/
div.lyt_change{
overflow:hidden;
}

div.lyt_change > ul.navigation{
margin-bottom:1.92em;
margin-right:-9px;
padding:7px 0 2px 10px;
/padding-bottom:7px;
list-style:none;
background-color:#e5f1ff;
font-weight:bold;
}

div#str_contents div.lyt_change > ul.navigation li{
padding-right:19px;
padding-left:19px;
float:left;
width:289px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0.15em;
}

div#str_contents div.lyt_change > ul.navigation li.current{
background-image:url(/usr/file/attachment/anc_02_current.png);
}

div#str_contents div.lyt_change > ul.navigation li.current a,
div#str_contents div.lyt_change > ul.navigation li.current a:link,
div#str_contents div.lyt_change > ul.navigation li.current a:visited,
div#str_contents div.lyt_change > ul.navigation li.current a:hover,
div#str_contents div.lyt_change > ul.navigation li.current a:focus{
color:#101010;
}

/* Javascript ON */
div.lyt_change div.change_contents div.contents{
display:none;
}

div.lyt_change div.change_contents div.contents.current{
display:block;
}

/** Layout - Voice
---------------------------------------------*/
dl.lyt_voice{
margin-bottom:0.77em;
}

dl.lyt_voice > dt{
margin-bottom:0.46em;
padding:7px 8px 4px 36px;
min-height:18px;
height:auto !important;
height:18px;
background:#fefefe url(/usr/file/attachment/lyt_voice.png) no-repeat left bottom;
}

/** Layout - Flow
---------------------------------------------*/
div.lyt_flow{
margin-bottom:1.31em;
}

div.lyt_flow div.step{
padding-top:49px;
background:url(/usr/file/attachment/lyt_flow_01.gif) no-repeat center top;
zoom:1;
}

div.lyt_flow div.step.arrow_left{
background-position:155px top;
}

div.lyt_flow div.step:first-child{
padding-top:0;
background-image:none;
}

div.lyt_flow div.step > div.inner{
padding:1px 10px;
border:1px #c5c5c5 solid;
background-color:#fff;
zoom:1;
}

div.lyt_flow div.step h3.title{
margin:0 -9px 1px;
padding:7px 9px 5px;
border-bottom:2px #0656b1 solid;
position:relative;
min-height:25px;
height:auto !important;
height:25px;
background:url(/usr/file/attachment/lyt_flow_02.gif) repeat-x left bottom;
}

div.lyt_flow div.step h3.title img.icon{
position:absolute;
top:4px;
left:9px;
}

div.lyt_flow div.step h3.title + *{
margin-top:8px;
}

div#str_contents div.lyt_flow div.step div.lyt_image{
margin-bottom:0;
}

div#str_contents div.lyt_flow div.step div.lyt_image div.text{
width:418px;
float:left;
}

div#str_contents div.lyt_flow div.step div.lyt_image div.image + div.text{
width:418px;
float:right;
}

div#str_contents div.lyt_image div.image img{
margin-bottom:0.33em;
}

div.lyt_flow div.step.order h3.title{
padding-left:88px;
}

div.lyt_flow div.step.sort h3.title{
padding-left:43px;
}

div.lyt_flow div.step.point h3.title{
border-bottom-color:#ed6d00;
color:#ed6d00;
background-image:url(/usr/file/attachment/lyt_flow_03.gif);
}

/* > div.lyt_col2 */
div#str_contents div.lyt_flow > div.lyt_col2 div.segment{
margin-bottom:0;
padding-top:49px;
background:url(/usr/file/attachment/lyt_flow_01.gif) no-repeat center top;
}

div#str_contents div.lyt_flow > div.lyt_col2 div.segment div.step{
padding-bottom:49px;
background:url(/usr/file/attachment/lyt_flow_01.gif) no-repeat center bottom;
}

div#str_contents div.lyt_flow > div.lyt_col2 + div.step{
padding-top:0;
background-image:none;
}

/* div.step > div.lyt_col2 */
div#str_contents div.lyt_flow div.step div.lyt_col2 div.segment{
width:319px;
}

/* lyt_image */
div#str_contents div.lyt_flow div.step div.lyt_image{
margin-top:0.77em !important;
}

/** Layout - lyt_col2 box-01
---------------------------------------------*/
div#str_contents div.lyt_col2.box-01 div.segment{
margin-bottom:0;
padding:1px 10px;
border:1px #c5c5c5 solid;
background-color:#fff;
width:308px;
zoom:1;
}

div#str_contents div.lyt_col2.box-01 div.segment h3.title + *{
margin-top:8px;
}

div#str_contents div.lyt_col2.box-01 div.segment h3.title{
margin:0 -9px 1px;
padding:7px 9px 5px;
border-bottom:2px #e95d00 solid;
position:relative;
min-height:25px;
height:auto !important;
height:25px;
background:#f39733 url(/usr/file/attachment/hdg_l3_box.gif) repeat-x left bottom;
color:#fff;
text-align:center;
font-size:138.5%;
}

/** Layout - Answer
---------------------------------------------*/
div.lyt_answer{
padding:2px 20px 0 37px;
position:relative;
}

div.lyt_answer p.answer img.icon{
position:absolute;
top:0;
left:11px;
}

/** Layout - Article
---------------------------------------------*/
div.lyt_article{
border-bottom:1px #c5c5c5 solid;
}
div.lyt_article h3{
margin-bottom:0.23em;
}

/** Layout - Search Result
---------------------------------------------*/
div.lyt_result{
border-bottom:1px #c5c5c5 solid;
}
div.lyt_result h2{
margin-bottom:0.23em;
}

div.lyt_result p em{
background-color:#e5f3fe;
color:#101010;
}

/** Layout - Mailmagazine
---------------------------------------------*/
div#str_contents div.lyt_mailmagazine{
word-break:break-all;
}

/** Box - Type 01
---------------------------------------------*/
div.box_01{
margin-bottom:1.54em;
padding:6px 10px 0;
border:1px #c5c5c5 solid;
line-height:1.46;
background-color:#fff;
}

div.box_01 > ul:first-child,
div.box_01 > dl:first-child{
margin-top:0;
}

div.box_01 dl.inner_01{
margin:1px -10px 0;
}

div.box_01 dl.inner_01 > dt{
margin:0 10px 6px;
padding:0 0 0 7px;
border-left:4px #afafaf solid;
}

div.box_01 dl.inner_01 > dd{
padding:6px 10px 0;
border-top:1px #c5c5c5 solid;
}

div.box_01 dl.inner_02{
margin:3px -1px 0;
padding-top:2px;
background:url(/usr/file/attachment/box_01_01.png) no-repeat left top;
}

div.box_01 dl.inner_02 > dt{
margin-bottom:0.62em;
padding:3px 10px;
background:url(/usr/file/attachment/box_01_02.png) no-repeat left bottom;
}

div.box_01 dl.inner_02 > dt a{
margin:-3px -10px 0;
padding-left:29px;
display:block;
background:url(/usr/file/attachment/anc_02.png) no-repeat 10px 0.15em;
}

div.box_01 dl.inner_03{
margin:3px -1px 0;
padding-top:2px;
background:url(/usr/file/attachment/box_01_03.png) no-repeat left top;
}

div.box_01 dl.inner_03 > dt{
margin-bottom:0.62em;
padding:3px 10px;
background:url(/usr/file/attachment/box_01_04.png) no-repeat left bottom;
}

/* div.lyt_tab > */
div.lyt_tab div.box_01 dl.inner_02{
background-image:url(/usr/file/attachment/box_01_tab_01.png);
}

div.lyt_tab div.box_01 dl.inner_02 > dt{
background-image:url(/usr/file/attachment/box_01_tab_02.png);
}

div.lyt_tab div.box_01 dl.inner_03{
background-image:url(/usr/file/attachment/box_01_tab_03.png);
}

div.lyt_tab div.box_01 dl.inner_03 > dt{
background-image:url(/usr/file/attachment/box_01_tab_04.png);
}

/** Box - Type 02
---------------------------------------------*/
div.box_02{
margin-bottom:1.54em;
padding:6px 10px 1px;
border:1px solid #c1c1c1;
line-height:1.46;
background:#f0ede9;
}

div.box_02 dl.inner{
margin-top:0;
}

div.box_02 dl.inner > dt{
margin-bottom:0.92em;
}

/* div.lyt_tab > div.box_02 > div.lyt_image */
div#str_main div.lyt_tab div.box_02 div.lyt_image div.text{
width:398px;
}

/** Box - Attention
---------------------------------------------*/
dl.box_attention{
margin:0.54em 0 2.2em;
/margin-top:1.54em;
line-height:1.46;
background:url(/usr/file/attachment/box_attention_01.png) no-repeat left top;
}

dl.box_attention > dt{
margin-bottom:0.08em;
padding:11px 10px 0 37px;
background:url(/usr/file/attachment/blt_attention.gif) no-repeat 11px 10px;
}

dl.box_attention > dd{
margin-bottom:0;
padding:0 10px 0.62em;
background:url(/usr/file/attachment/box_attention_02.png) no-repeat left bottom;
}

/* div.lyt_tab > */
div.lyt_tab dl.box_attention{
background-image:url(/usr/file/attachment/box_attention_tab_01.png);
}

div.lyt_tab dl.box_attention > dd{
background-image:url(/usr/file/attachment/box_attention_tab_02.png);
}

/* div.lyt_flow > */
div.lyt_flow dl.box_attention{
margin-bottom:0.77em;
background-image:url(/usr/file/attachment/box_attention_flow_01.png);
}

div.lyt_flow dl.box_attention > dd{
background-image:url(/usr/file/attachment/box_attention_flow_02.png);
}

/** Box - Attention - Type 02
---------------------------------------------*/
dl.box_attention_02{
margin:0.54em 0 2.2em;
/margin-top:1.54em;
line-height:1.46;
background-color:#fceaea;
}

dl.box_attention_02 > dt{
margin-bottom:0.5em;
padding:11px 10px 0 10px;
}

dl.box_attention_02 > dd{
padding:0 10px 0.52em 13px;
}

dl.box_attention_02 > dd > ul,
dl.box_attention_02 > dd > p{
margin-bottom:0;
}

dl.box_attention_02 > dd a,
dl.box_attention_02 > dd a:link,
dl.box_attention_02 > dd a:visited{
color:#DA0203;
text-decoration:underline;
}

dl.box_attention_02 > dd a:hover,
dl.box_attention_02 > dd a:focus{
text-decoration:none;
}

/** Box - Frame
---------------------------------------------*/
div.box_frame{
margin-bottom:1.31em;
padding:10px 10px 0;
border:1px #c5c5c5 solid;
height:300px;
overflow:scroll;
overflow-x:hidden;
background-color:#fff;
}

div.box_frame > *:first-child{
margin-top:0;
}

/*--------------------------------------------------
	03-03. Part Modules
--------------------------------------------------*/

/** Unordered List - Type 01
---------------------------------------------*/
ul.list_01{
padding-left:0;
list-style:none;
}

ul.list_01 li{
padding-left:11px;
background:url(/usr/file/attachment/blt_01.gif) no-repeat 0 0.46em;
}

/** Unordered List - Note - 01
---------------------------------------------*/
ul.list_note_01{
padding-left:0;
list-style:none;
}

ul.list_note_01 li{
padding-left:19px;
position:relative;
zoom:1;
}

ul.list_note_01 span.mark{
position:absolute;
top:0;
left:0;
}

/* body.english > */
body.english ul.list_note_01 > li{
padding-left:13px;
}

/** Unordered List - Note - 02
---------------------------------------------*/
ul.list_note_02{
margin-left:0;
padding-left:0;
list-style:none;
font-size:85%;
}

ul.list_note_02 > li{
padding-left:15px;
position:relative;
zoom:1;
}

ul.list_note_02 span.mark{
position:absolute;
top:0;
left:0;
}

/* body.english > */
body.english ul.list_note_02 > li{
padding-left:9px;
}

/** Unordered List - Attention 01
---------------------------------------------*/
ul.list_attention_01{
padding-left:0;
list-style:none;
}

ul.list_attention_01 li{
margin-bottom:0.1em;
padding:5px 0 0 26px;
background: url(/usr/file/attachment/blt_attention.gif) no-repeat scroll 0 4px transparent;
}

td.incomplete ul.list_attention_01{
margin:0;
}

/** Unordered List - Form Radio Button - 01
---------------------------------------------*/
ul.list_radio{
padding-left:0;
list-style:none;
}

ul.list_radio li{
margin-right:1.0em;
display:inline;
}

ul.list_radio li input{
margin-top:-3px;
}


/** Ordered List - Type 01
---------------------------------------------*/

/** Ordered List - Note - 01
---------------------------------------------*/
ol.list_note_01{
margin-left:0;
padding-left:0;
list-style:none;
}

ol.list_note_01 > li{
padding-left:26px;
position:relative;
zoom:1;
}

ol.list_note_01 span.mark{
position:absolute;
top:0;
left:0;
}

/* body.english > */
body.english ol.list_note_01 > li{
padding-left:20px;
}

/** Definition List - Type 01
---------------------------------------------*/
dl.list_01 > dt{
padding-left:12px;
background:url(/usr/file/attachment/blt_02.gif) no-repeat 1px 0.38em;
}

dl.list_01 > dd{
padding-left:12px;
}

/** Definition List - Article
---------------------------------------------*/
dl.list_article{
}

dl.list_article dt{
font-size:115%;
}

/* div.box_01 > dl.inner > */
dl.list_article{
margin-top:0;
}

/** Navigation - Text Type 01
---------------------------------------------*/
ul.nav_text_01{
padding-left:0;
list-style:none;
}

ul.nav_text_01 > li{
padding-left:15px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 2px 0.38em;
}

ul.nav_text_01 > li ul{
padding-top:0.54em;
}

/** Navigation - Text Type 02
---------------------------------------------*/
ul.nav_text_02{
padding-left:0;
list-style:none;
}

ul.nav_text_02 > li{
padding-left:19px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0.15em;
}

ul.nav_text_02 > li ul{
padding-top:0.54em;
}

/** Navigation - Text Type 03
---------------------------------------------*/
ul.nav_text_03{
margin-top:0;
padding-top:0.46em;
padding-left:0;
list-style:none;
}

ul.nav_text_03 > li{
padding:0.46em 0 0.38em 46px;
height:20px;
height:auto !important;
height:20px;
background:url(/usr/file/attachment/anc_04.png) no-repeat 19px top;
}

ul.nav_text_03 > li ul{
padding-top:0.54em;
}

/** Navigation - Text Type 04
---------------------------------------------*/
ul.nav_text_04{
padding-left:0;
list-style:none;
}

ul.nav_text_04 li{
padding:8px 10px;
text-align:center;
}

ul.nav_text_04 li span.inner{
padding:8px 10px;
border:1px #c5c5c5 solid;
background:url(/usr/file/attachment/nav_text_04.gif) repeat-x left bottom;
zoom:1;
}

ul.nav_text_04 li span.inner a{
padding:0 0 0.08em 19px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0;
}


/** Navigation - Text Type 05
---------------------------------------------*/
ul.nav_text_05{
list-style:none;
display: inline-block;
overflow:hidden;
float:right;
margin-bottom:0px;
}

ul.nav_text_05 > li{
padding-left:15px;
margin-left:20px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 2px 0.38em;
float:left;
}

ul.nav_text_05 > li ul{
padding-top:0.54em;
}


div.nav_area:after{
content:"";
display:block;
clear:both;
}

div.nav_area{
zoom:1;
}


/** Navigation - Text Next Page
---------------------------------------------*/
ul.nav_text_01.next,
ul.nav_text_02.next,
ul.nav_text_04.next{
margin-top:0.23em;
text-align:right;
}

body.home ul.nav_text_02.next{
margin-bottom:0.92em;
}

ul.nav_text_01.next li,
ul.nav_text_02.next li{
padding-left:0;
background-image:none;
}

ul.nav_text_01.next li a{
padding:0 0 0.08em 15px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
/background-position:2px 0.38em;
}

ul.nav_text_02.next li a{
padding:0 0 0.08em 19px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0;
}

ul.nav_text_04.next li{
text-align:right;
}

/** Navigation - Text Center
---------------------------------------------*/
ul.nav_text_01.center,
ul.nav_text_02.center{
margin-top:0.23em;
text-align:center;
}

ul.nav_text_01.center li,
ul.nav_text_02.center li{
padding-left:0;
background-image:none;
}

ul.nav_text_01.center li a{
padding:0 0 0.08em 15px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
/background-position:2px 0.38em;
}

ul.nav_text_02.center li a{
padding:0 0 0.08em 19px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0;
/background-position:2px 0.15em;
}

/** Navigation - Same Page Type 01
---------------------------------------------*/
ul.nav_text_samepage_01{
padding-left:0;
list-style:none;
}

ul.nav_text_samepage_01 li{
padding-left:15px;
float:left;
width:316px;
background:url(/usr/file/attachment/anc_01_down.gif) no-repeat 2px 0.46em;
font-size:115%;
font-weight:bold;
}

ul.nav_text_samepage_01 li a,
ul.nav_text_samepage_01 li a:link,
ul.nav_text_samepage_01 li a:visited,
ul.nav_text_samepage_01 li a:hover,
ul.nav_text_samepage_01 li a:focus{
color:#101010;
}


/** Navigation - Same Page Type 02
---------------------------------------------*/
div.nav_text_samepage_02{
margin-bottom:2.31em;
padding:10px 0 10px 10px;
border:3px #f9d9ac solid;
background-color:#fff;
}

div.nav_text_samepage_02 ul{
margin:0;
padding:0;
list-style:none;
font-size:115%;
font-weight:bold;
}

div#str_contents div.nav_text_samepage_02 ul li{
padding-right:9px;
padding-left:15px;
float:left;
width:305px;
background:url(/usr/file/attachment/anc_01_down.gif) no-repeat 2px 0.46em;
}

div.nav_text_samepage_02 ul li a,
div.nav_text_samepage_02 ul li a:link,
div.nav_text_samepage_02 ul li a:visited,
div.nav_text_samepage_02 ul li a:hover,
div.nav_text_samepage_02 ul li a:focus{
color:#101010;
}

div.nav_text_samepage_02 dl{
margin:0;
}

div.nav_text_samepage_02 dl dt{
margin:0 5px 5px 7px;
font-size:115%;
font-weight:bold;
}

div.nav_text_samepage_02 dl dd{
margin:0;
padding:0;
}

/** Navigation - Same Page Type 03
---------------------------------------------*/
div#str_contents div.nav_text_samepage_03{
margin-bottom:2.31em;
padding:4px 0 3px 7px;
border:1px #bcdbff solid;
background-color:#e5f1ff;
}

div#str_contents div.nav_text_samepage_03 > ul{
margin:0;
padding:0 9px 0 0;
float:left;
width:324px;
list-style:none;
}

div#str_contents div.nav_text_samepage_03 > ul li{
padding-left:15px;
background:url(/usr/file/attachment/anc_01_down.gif) no-repeat 2px 0.46em;
}

/** Navigation - Same Page Type 04
---------------------------------------------*/
div#str_contents ul.nav_text_samepage_04{
margin-right:-15px;
padding-left:0;
list-style:none;
}

div#str_contents ul.nav_text_samepage_04 > li{
margin:0 15px 1.31em 0;
float:left;
width:330px;
}

div#str_contents ul.nav_text_samepage_04 > li > span.inner{
margin-bottom:0.67em;
padding:6px 9px 4px 28px;
border:1px #c5c5c5 solid;
display:block;
min-height:23px;
height:auto !important;
height:23px;
background:#fff url(/usr/file/attachment/hdg_l3_03.png) repeat-x left bottom;
font-weight:bold;
font-size:123%;
}

div#str_contents ul.nav_text_samepage_04 li > span.inner a{
margin:-6px -9px -4px -28px;
padding:6px 9px 4px 28px;
display:block;
background:url(/usr/file/attachment/anc_02_down.png) no-repeat 9px center;
}

/** Navigation - Same Page Type 05
---------------------------------------------*/
div#str_contents ul.nav_text_samepage_05{
margin-right:-15px;
padding-left:0;
list-style:none;
}

div#str_contents ul.nav_text_samepage_05 > li{
margin:0 15px 1.31em 0;
float:left;
width:320px;
}

div#str_contents ul.nav_text_samepage_05 > li > span.inner{
margin-bottom:0.67em;
padding:6px 9px 4px 28px;
border:1px #c5c5c5 solid;
display:block;
min-height:23px;
height:auto !important;
height:23px;
background:#fff url(/usr/file/attachment/hdg_l3_03.png) repeat-x left bottom;
font-weight:bold;
font-size:123%;
}

div#str_contents ul.nav_text_samepage_05 li > span.inner a{
margin:-6px -9px -4px -28px;
padding:6px 9px 4px 28px;
display:block;
background:url(/usr/file/attachment/anc_02_down.png) no-repeat 9px center;
}

/** Navigation - Go to Head
---------------------------------------------*/
ul.list_link_02.top{
padding-left:0;
list-style:none;
text-align:right;
}

ul.list_link_02.top li a{
padding:0 0 0.08em 13px;
background:url(/usr/file/attachment/anc_01_up.gif) no-repeat 0 0.5em;
}

div#str_contents ul.list_link_02.top.last{
position:absolute;
bottom:0;
right:225px;
}

div#str_contents div#str_main.single ul.list_link_02.top.last{
right:0;
}

/** Navigation - 2 Column
---------------------------------------------*/
ul.nav_text_01.col2,
ul.nav_text_02.col2{
margin-right:-17px;
}

div#str_contents ul.nav_text_01.col2 > li,
div#str_contents ul.nav_text_02.col2 > li{
padding-right:17px;
float:left;
}

div#str_contents ul.nav_text_01.col2 > li{
width:314px;
}

div#str_contents ul.nav_text_02.col2 > li{
width:310px;
}

/* div.box_01 > */
div#str_contents div.box_01 ul.nav_text_01.col2 > li{
width:303px;
}

div#str_contents div.box_01 ul.nav_text_02.col2 > li{
width:299px;
}

/** Navigation - 4 Column
---------------------------------------------*/
ul.nav_text_01.col4,
ul.nav_text_02.col4{
margin-right:-17px;
}

div#str_contents ul.nav_text_01.col4 > li,
div#str_contents ul.nav_text_02.col4 > li{
padding-right:17px;
float:left;
}

div#str_contents ul.nav_text_01.col4 > li{
width:140px;
}

div#str_contents ul.nav_text_02.col4 > li{
width:136px;
}

/** Navigation - Side by Side Tyle 01
---------------------------------------------*/
ul.nav_text_side_01{
margin:0 0 2.31em 1px;
padding-left:0;
list-style:none;
text-align:right;
}

ul.nav_text_side_01 li{
margin-left:-1px;
padding-right:8px;
padding-left:8px;
border-right:1px #c0c0c0 solid;
border-left:1px #c0c0c0 solid;
display:inline;
}

ul.nav_text_side_01 li a{
white-space:nowrap;
}

/** Unorderd List - Link Type Index
---------------------------------------------*/
ul.list_link_index{
//margin:0 0 8px -15px;
/margin-bottom:30px; /*for IE*/
padding-left:0;
}

ul.list_link_index li{
margin-bottom:7px;
float:left;
display:inline;
width:318px;
font-size:75%;
}

ul.list_link_index dl{
margin-top:0;
}

ul.list_link_index dt{
margin:0 0 0 15px;
background:url(/usr/file/attachment/hdg_l2_02_bottom.png) no-repeat bottom left #ec7f00;
}

ul.list_link_index dt span{
padding:6px 9px 6px 28px;
min-height:21px;
_height:21px; /*for IE*/
display:block;
background:url(/usr/file/attachment/hdg_l2_02_top.png) no-repeat top left;
}

ul.list_link_index dt span a{
margin:-6px -9px -6px -28px;
padding:6px 9px 6px 28px;
display:block;
background:url(/usr/file/attachment/blt_arrow_hdg.gif) no-repeat 8px center;
color:#ffffff;
}

ul.list_link_index dt span a,
ul.list_link_index dt span a:link,
ul.list_link_index dt span a:visited{
font-weight:bold;
font-size:138.5%;
}

ul.list_link_index dd{
margin:0 0 0 15px;
padding:10px 5px 5px 10px;
background-color:#f5f5f5;
}


ul.list_link_index dd img{
margin-bottom:5px;
display:block;
float:left;
}

ul.list_link_index dd p{
margin:0 0 5px 8px;
width:250px;
float:right;
}


/** Navigation - Question
---------------------------------------------*/
ul.nav_question{
padding-bottom:1px;
padding-left:0;
list-style:none;
}

ul.nav_question li{
margin-bottom:0.77em;
padding:0.08em 0 0.73em 28px;
border-bottom:1px #c5c5c5 solid;
position:relative;
}

ul.nav_question li img.icon{
position:absolute;
top:0;
left:1px;
}

/** Navigation - Pager
---------------------------------------------*/
ul.nav_pager{
padding-left:0;
list-style:none;
text-align:center;
}

ul.nav_pager.top{
margin-bottom:2.31em;
}

ul.nav_pager.bottom{
margin-top:2.31em;
}

ul.nav_pager li{
margin:0 0.5em;
display:inline;
}

ul.nav_pager li em{
color:#101010;
font-weight:bold;
}

/** Navigation - Button
---------------------------------------------*/
ul.nav_button{
margin:1.23em -24px 1.99em;
padding-left:0;
list-style:none;
text-align:center;
}

ul.nav_button li{
margin-right:24px;
margin-left:24px;
display:inline;
}

div#str_sub ul.nav_button{
margin:0.77em 0;
}

div#str_sub ul.nav_button li{
margin-right:0;
margin-left:0;
display:block;
}

/* ul.nav_button + p.txt_center */
ul.nav_button + p.txt_center{
margin-top:-1.31em;
}

/* ul.nav_button + ul.nav_text_NN */
ul.nav_button + ul.nav_text_01.center,
ul.nav_button + ul.nav_text_02.center{
margin:-17px 0 0.69em;
text-align:center;
}

ul.nav_button + ul.nav_text_04{
margin-top:-17px;
}

/** Navigation - Banner
---------------------------------------------*/
ul.nav_banner{
padding-left:0;
list-style:none;
}

ul.nav_banner li{
text-align:center;
}

div#str_contents ul.nav_banner{
margin-bottom:1.53em;
}

/** Navigation - Print
---------------------------------------------*/
ul.nav_print{
margin-bottom:-0.38em;
padding-left:0;
list-style:none;
}

ul.nav_print li{
text-align:right;
}

/** Navigation - Social Button
---------------------------------------------*/
ul.nav_social{
margin:6px 0 0;
padding-left:0;
list-style:none;
}

ul.nav_social li{
float:left;
}

/** Navigation - Action
---------------------------------------------*/
ul.nav_action{
margin:1.33em -5px 1.19em;
padding-left:0;
list-style:none;
text-align:right;
}

ul.nav_action li{
margin:0 5px;
display:inline;
}

/** Table - Type 01
---------------------------------------------*/
table.tbl_01,
table.tbl_normal{
border-width:0;
border-top:1px #c5c5c5 solid;
border-right:1px #c5c5c5 solid;
width:100%;
background-color:#fff;
}

table.tbl_normal{
border-collapse: collapse;
border-spacing: 0;
}

table.tbl_01 th,
table.tbl_01 td,
table.tbl_normal th,
table.tbl_normal td{
padding:6px 10px 5px;
border-width:0;
border-left:1px #c5c5c5 solid;
border-bottom:1px #c5c5c5 solid;
}

table.tbl_01 thead th,
table.tbl_normal thead th{
background-color:#f0ede9;
text-align:center;
}

table.tbl_01 tbody th,
table.tbl_normal tbody th{
font-weight:normal;
text-align:left;
vertical-align:top;
}

/* Javascript */
table.tbl_01 tr.even th,
table.tbl_01 tr.even td,
table.tbl_normal tr.even th,
table.tbl_normal tr.even td{
background-color:#f4f4f4;
}

/** Table - Type 02
---------------------------------------------*/
table.tbl_01{
border-width:0;
border-top:1px #c5c5c5 solid;
border-right:1px #c5c5c5 solid;
width:100%;
background-color:#fff;
}

table.tbl_01 th,
table.tbl_01 td{
padding:6px 10px 5px;
border-width:0;
border-left:1px #c5c5c5 solid;
border-bottom:1px #c5c5c5 solid;
}

table.tbl_01 thead th{
background-color:#f0ede9;
text-align:center;
}

table.tbl_01 thead th.otherTH01{
background-color:#ed6d00;
color:#fff;
}

table.tbl_01 tbody th{
background-color:#fef8ec;
text-align:left;
vertical-align:top;
}

/** Table - Type 03
---------------------------------------------*/
table.tbl_03{
border-width:0;
width:100%;
}

table.tbl_03 th,
table.tbl_03 td{
padding:0.38em 0 0.69em;
border-width:0;
border-bottom:1px #c5c5c5 solid;
vertical-align:top;
}

table.tbl_03 th{
padding-right:1.0em;
text-align:left;
white-space:nowrap;
}

table.tbl_03 td span.colon{
margin-left:-1.0em;
width:1.0em;
display:block;
position:relative;
float:left;
}

/** Table - Type 04
---------------------------------------------*/
table.tbl_04{
border-width:0;
border-top:1px #c5c5c5 solid;
border-right:1px #c5c5c5 solid;
width:100%;
background-color:#fff;
border-collapse:collapse;
}

table.tbl_04 th,
table.tbl_04 td{
padding:6px 10px 5px;
border-width:0;
border-left:1px #c5c5c5 solid;
border-bottom:1px #c5c5c5 solid;
}

table.tbl_04 tbody th{
text-align:left;
vertical-align:top;
}

table.tbl_04 tbody.d-horizontal th{
background-color:#daeeff;
}

table.tbl_04 tbody.d-vertical th{
background-color:#f4f4f4;
}

table.tbl_04 tbody th span.help{
font-weight:normal;
}

table.tbl_04 tbody.d-vertical td{
padding-left:30px;
}

table.tbl_04 tbody td.incomplete{
background-color:#fceaea;
}

table.tbl_04 tbody td ul.list-radio-02{
margin:0;
}

/** Table - Type 05
---------------------------------------------*/
table.tbl_05{
border-width:0;
border-top:1px #c5c5c5 solid;
border-right:1px #c5c5c5 solid;
width:100%;
background-color:#fff;
}

table.tbl_05 th,
table.tbl_05 td{
padding:6px 10px 5px;
border-width:0;
border-left:1px #c5c5c5 solid;
border-bottom:1px #c5c5c5 solid;
}

table.tbl_05 thead th{
background-color:#eeeeee;
text-align:left;
}

table.tbl_05 thead th.otherTH01{
background-color:#ed6d00;
color:#fff;
}

table.tbl_05 tbody th{
background-color:#fef8ec;
text-align:left;
vertical-align:top;
}


/** Table - Information
---------------------------------------------*/
div#str_contents table.tbl_info{
border-width:0;
width:100%;
}

div#str_contents table.tbl_info th,
div#str_contents table.tbl_info td{
padding:0.38em 0 0.69em;
border-width:0;
border-bottom:1px #c1c1c1 solid;
vertical-align:top;
}

div#str_contents table.tbl_info th{
width:15%;
font-weight:normal;
text-align:left;
white-space:nowrap;
}
div#str_contents table.tbl_info td{
padding-left:10px;
}

div#str_contents table.tbl_info td.sort{
width:12%;
padding-top:0.46em;
padding-bottom:0;
white-space:nowrap;
}

div#str_contents table.tbl_info td.sort ul.icon{
margin-top:0;
padding-left:0;
list-style:none;
color:#fff;
font-size:0.77em;
text-align:center;
}

div#str_contents table.tbl_info td.sort ul.icon li{
margin-bottom:0.38em;
padding:0.08em 2px;
white-space:nowrap;
}

div#str_contents table.tbl_info td.sort ul.icon li.seminar{
background-color:#ed6d00;
}
div#str_contents table.tbl_info td.sort ul.icon li.event{
background-color:#eda10d;
}
div#str_contents table.tbl_info td.sort ul.icon li.place{
background-color:#666;
}
div#str_contents table.tbl_info td.sort ul.icon li.release{
background-color:#0656b1;
}
div#str_contents table.tbl_info td.sort ul.icon li.report{
background-color:#2e8ae7;
}
div#str_contents table.tbl_info td.sort ul.icon li.info{
background-color:#da0202;
}

/* h2.hdg_l2_home + */
h2.hdg_l2_home + table.tbl_info{
margin-top:-0.6em;
}

/* + ul.next */
table.tbl_info + ul.next{
margin-top:-0.54em;
}


/*--------------------------------------------------
	03-04. Independent Modules
--------------------------------------------------*/

/** Block - Contact
---------------------------------------------*/
div#str_main div.blc_contact{
margin-bottom:27px;
padding:6px 14px 1px;
/padding-top:16px;
position:relative;
background-color:#0656b1;
zoom:1;
}

div#str_main div.blc_contact > h2{
margin:0 0 10px;
}

div#str_main div.blc_contact p.tel{
margin-bottom:15px;
}

div#str_main div.blc_contact ul.button_01{
margin-bottom:10px;
padding:10px 0 7px 8px;
height:57px;
list-style:none;
background-color:#e7eef7;
}

div#str_main div.blc_contact ul.button_01 li{
margin:0 6px 7px 0;
float:left;
}

div#str_main div.blc_contact ul.button_02{
margin-bottom:16px;
padding:13px 0 0 10px;
height:43px;
list-style:none;
background:url(/usr/file/attachment/blc_contact.gif) repeat-x left top;
}

div#str_main div.blc_contact ul.button_02 li{
margin-right:10px;
float:left;
}

/** Block - Download
---------------------------------------------*/
dl.blc_download{
margin-bottom:1.54em;
padding:6px 10px 0;
border:1px #c5c5c5 solid;
line-height:1.46;
background:#fff url(/usr/file/attachment/box_02.png) repeat-x left top;
}

dl.blc_download > dt{
margin-bottom:0.92em;
padding:1px 0 0 26px;
background:url(/usr/file/attachment/blt_download.png) no-repeat left top;
}

dl.blc_download > dd > ul{
margin-top:0.77em;
}

dl.blc_download img.thumb{
margin:0 0 0.77em 15px;
float:right;
}

/** Block - Case
---------------------------------------------*/
div#str_main dl.blc_case{
margin-bottom:1.54em;
border:1px #92c4f8 solid;
background:#e7f3ff;
}

div#str_main dl.blc_case > dt{
margin: 6px 10px;
padding:0 0 0 7px;
border-left:4px #0656b1 solid;
}

div#str_main dl.blc_case > dd{
margin-bottom:0;
padding:11px 10px 1px;
border-top:1px #92c4f8 solid;
background-color:#fff;
}

div#str_main dl.blc_case dl.outline{
margin:0;
position:relative;
}

div#str_main dl.blc_case dl.outline > dt{
margin:0 0 0.31em 102px;
}

div#str_main dl.blc_case dl.outline > dd{
margin-bottom:0.77em;
padding:0 0 0.77em 102px;
border-bottom:1px #92c4f8 solid;
min-height:66px;
height:auto !important;
height:66px;
}

div#str_main dl.blc_case dl.outline > dd img.thumb{
position:absolute;
top:0;
left:0;
}

div#str_main dl.blc_case ul.nextpage{
margin:-3px 0 0.41em 0;
padding-left:0;
text-align:right;
list-style:none;
}

div#str_main dl.blc_case ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_main dl.blc_case ul.nextpage li a{
padding:0 0 0.08em 19px;
background:url(/usr/file/attachment/anc_02.png) no-repeat left 0;
}

/** Block - Case Notice
---------------------------------------------*/
div#str_main div.blc_case_notice{
margin-bottom:1.54em;
}

div#str_main div.blc_case_notice dl.outline{
margin:0;
padding:15px 0 1px;
border-top:1px #c5c5c5 solid;
position:relative;
min-height:129px;
height:auto !important;
height:129px;
}
div#str_main div.blc_case_notice dl.outline:first-child{
margin-top:-15px;
border-top-width:0;
}

div#str_main div.blc_case_notice dl.outline > dt{
margin:0 0 0.40em 177px;
font-size:1.15em;
}

div#str_main div.blc_case_notice dl.outline > dd{
padding:0 0 0 177px;
}

div#str_main div.blc_case_notice dl.outline > dd img.thumb{
position:absolute;
top:15px;
left:0;
}

div#str_main div.blc_case_notice dl.outline > dd ul.sort{
margin:0.83em 0 1.33em;
padding:10px 0 1px 11px;
/padding-bottom:10px;
border:1px #d1d1d1 solid;
list-style:none;
background-color:#fafafa;
font-size:92%;
}

div#str_main div.blc_case_notice dl.outline > dd ul.sort li{
margin-bottom:0.58em;
padding-right:12px;
float:left;
width:230px;
}

div#str_main div.blc_case_notice dl.outline > dd ul.sort li img.icon{
margin-bottom:-3px;
vertical-align:baseline;
}
div#str_main div.blc_case_notice dl.outline > dd ul.sort li img.logo{
margin-bottom:-3px;
vertical-align:baseline;
}

/** Block - Get ADOBE READER
---------------------------------------------*/
div#str_main div.blc_reader{
margin:0.54em 0 2.2em;
/margin-top:1.54em;
padding:6px 10px 0 182px;
border:1px #c5c5c5 solid;
position:relative;
min-height:51px;
height:auto !important;
height:51px;
line-height:1.46;
background-color:#fff;
}

div#str_main div.blc_reader ul.banner{
margin-top:0;
padding-left:0;
position:absolute;
top:9px;
left:10px;
list-style:none;
}

/** Block - VeriSign Seal
---------------------------------------------*/
div#str_main div.blc_verisign span{
display:block;
}

div#str_main div.blc_verisign span.content{
float:left;
}

div#str_main div.blc_verisign span.description{
color:#444;
padding:33px 0 0 125px;
}

/** Block - Search
---------------------------------------------*/
div#str_main form.blc_search{
margin-bottom:3.1em;
padding-bottom:4px;
position:relative;
background:url(/usr/file/attachment/blc_search_01.png) no-repeat left bottom;
}

div#str_main form.blc_search fieldset{
margin:0;
padding:16px 53px 0 43px;
border-width:0;
min-height:59px;
height:auto !important;
height:59px;
background:url(/usr/file/attachment/blc_search_02.png) no-repeat left top;
}

div#str_main form.blc_search legend{
position:absolute;
top:19px;
left:45px;
}
div#str_main form.blc_search input.search-box{
margin:0 0 8px 179px;
padding:3px 8px 4px;
/padding-top:7px;
border:1px #cfcfcf solid;
width:303px;
height:19px;
/height:15px;
background:url(/usr/file/attachment/search-box.png) no-repeat left top;
font-size:100%;
}

div#str_main form.blc_search input.button{
margin-left:-1px;
vertical-align:top;
}

div#str_main form.blc_search p.explanation{
margin-left:179px;
}

body.search-result div#str_main form.blc_search p.explanation{
margin-bottom:1.54em;
}

/** Block - Catalog Download
---------------------------------------------*/
div#str_main ul.lyt_catalog{
margin-right:-17px;
padding-left:0;
list-style:none;
}

div#str_main ul.lyt_catalog li{
margin:0 17px 1.69em 0;
width:156px;
float:left;
}

div#str_main ul.lyt_catalog li dl.inner{
margin:0;
}

div#str_main ul.lyt_catalog li dl.inner > dt{
margin-bottom:0.39em;
padding-left:12px;
background:url(/usr/file/attachment/blt_02.gif) no-repeat 1px 0.38em;
}

div#str_main ul.lyt_catalog li dl.inner > dd{
margin-bottom:0;
text-align:center;
}

div#str_main ul.lyt_catalog li dl.inner > dd span.icon_file{
margin-top:0.23em;
display:block;
}

/** Block - Switch
---------------------------------------------*/
div.blc_switch{
position:relative;
}

div.blc_switch p.close{
padding:2px 0 0 25px;
position:absolute;
top:9px;
right:10px;
background:url(/usr/file/attachment/anc_minus.gif) no-repeat 1px 0.15em;
font-size:92.3%;
font-weight:bold;
z-index:1;
}

div.blc_switch p.open{
padding:2px 0 0 25px;
position:absolute;
top:9px;
right:10px;
background:url(/usr/file/attachment/anc_plus.gif) no-repeat 1px 0.15em;
font-size:92.3%;
font-weight:bold;
z-index:1;
}

div.blc_switch p.close a,
div.blc_switch p.open a{
cursor: pointer;
}

div.blc_switch p.close a,
div.blc_switch p.open a,
div.blc_switch p.close a:link,
div.blc_switch p.open a:link,
div.blc_switch p.close a:visited,
div.blc_switch p.open a:visited,
div.blc_switch p.close a:hover,
div.blc_switch p.open a:hover,
div.blc_switch p.close a:focus,
div.blc_switch p.open a:focus{
color:#fff;
}

div.blc_switch p.close{
display:none;
}

div.blc_switch h4.hdg_l4_feature > span.inner{
padding-right:7.0em !important;
}

/*--------------------------------------------------
	03-05. Form Modules
--------------------------------------------------*/

/** Type - Text
---------------------------------------------*/
input.text-01{
width:40px;
}

input.text-02{
width:60px;
}

input.text-03{
width:120px;
}

input.text-04{
width:180px;
}

input.text-05{
width:240px;
}

input.text-06{
width:480px;
}

input.text-07{
width:600px;
}

/** Type - Radio
---------------------------------------------*/
ul.list-radio-01{
padding:0;
}

ul.list-radio-01 li{
list-style:none;
}

ul.list-radio-01 li input{
margin: 0 10px 0 0;
}

ul.list-radio-02{
padding:0;
}

ul.list-radio-02 li{
list-style:none;
display:inline;
margin-right:1.3em;
}

ul.list-radio-02 li input{
margin: 0 10px 0 0;
}

label.label-radio-01,
label.label-check-01{
cursor:pointer;
}

/** Textarea
---------------------------------------------*/
textarea.text-01{
width:800px;
}

/** Support
---------------------------------------------*/
div.fields{
zoom:1;
}

div.fields p{
float:left;
margin:0 20px 0 0;
}

div.fields.group p{
margin-right:0;
}

span.help{
margin:3px 0 5px;
display:block;
color:#333;
}

em.required{
padding-left:10px;
}


/** MJL Tabs block
---------------------------------------------*/
div.tabs div{
	display:none;
}

div.tabs div.current{
	display:block;
}

/*==================================================
	04. Frame
==================================================*/

/*--------------------------------------------------
	Header Area
--------------------------------------------------*/

/** Tagline
---------------------------------------------*/
div#str_header p#tagline{
position:absolute;
top:15px;
left:0;
font-size:92.3%;
}

/** Logo
---------------------------------------------*/
div#str_header p.logo,
body.home div#str_header h1.logo{
margin:0 0 0 -3px;
padding-top:6px;
}

body.popup div#str_header p.logo,
body.popup_single div#str_header p.logo{
margin:0 0 9px -4px;
padding-top:0;
}

/** Switcher
---------------------------------------------*/
div#str_header dl.nav_switcher{
margin:0;
position:absolute;
right:335px;
top:16px;
_width:140px;
z-index:100;
}
div#str_header dl.nav_switcher dt,
div#str_header dl.nav_switcher dd{
margin-bottom:0;
vertical-align:middle;
line-height:0;
}
div#str_header dl.nav_switcher dt{
margin:4px 5px 0 0;
/margin-top:3px;
float:left;
/font-size:12px;
}
div#str_header dl.nav_switcher dd{
float:left;
}
div#str_header dl.nav_switcher dd ul{
margin:0;
padding:0;
height:23px;
}
div#str_header dl.nav_switcher dd ul li{
margin:0;
float:left;
list-style:none;
}

/** Site Search
---------------------------------------------*/
div#str_header .box_headerhelp{
position:absolute;
left:403px;
top:0px;
display:block;
width:437px;
height:55px;
z-index:0;
}

div#str_header form#site-search{
position:absolute;
top:16px;
right:81px;
_width:217px;
}

div#str_header form#site-search fieldset{
padding:0;
border-width:0;
}

div#str_header form#site-search legend{
display:none;
}

div#str_header form#site-search input.search-box{
/padding-top:4px;
padding-left:1px;
padding-top:1px;
padding-bottom:1px;
border:1px #cfcfcf solid;
width:138px;
height:19px;
/height:16px;
background:url(/usr/file/attachment/search-box.png) repeat-x left top #fff;
font-size:92.3%;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
}

div#str_header form#site-search input.button{
/margin-left:-1px;
margin:-1px 0 0 -2px;
padding:0 0 0 0;
vertical-align:middle;
}

body.english div#str_header form#site-search{
top:45px;
}

body.english div#str_header form#site-search fieldset{
margin:0;
}

/** Navigation - Language
---------------------------------------------*/
div#str_header ul.nav_language{
margin:0;
position:absolute;
top:16px;
right:-4px;
list-style:none;
}

div#str_header ul.nav_language2{
margin:0;
position:absolute;
top:16px;
right:68px;
list-style:none;
}


body.english div#str_header ul.nav_language{
position:absolute;
top:18px;
right:-2px;
list-style:none;
}

/** Relation Navi
---------------------------------------------*/
div#str_header ul.nav_relation{
margin:0 -1px 0 0;
position:absolute;
top:52px;
right:0;
list-style:none;
}

div#str_header ul.nav_relation li{
padding-left:13px;
float:left;
}

body.english div#str_header ul.nav_relation{
top:21px;
right:2px;
}

/** Global Navi
---------------------------------------------*/
div#str_header ul.nav_global{
margin:0;
padding:0;
margin-left:-2px;
position:absolute;
top:93px;
left:0;
height:43px;
list-style:none;
width:902px;
}

div#str_header ul.nav_global *{
margin:0;
}

div#str_header ul.nav_global li{
float:left;
background:url(/usr/file/attachment/nav_global.png) no-repeat right top;
}


/*--------------------------------------------------
	Contents Area
--------------------------------------------------*/

/** Topic Path
---------------------------------------------*/
div#str_contents p#topic-path{
margin-bottom:1.42em;
font-size:92.3%;
}

div#str_contents p#topic-path a,
div#str_contents p#topic-path a:link,
div#str_contents p#topic-path a:visited{
text-decoration:underline;
}

div#str_contents p#topic-path a:hover,
div#str_contents p#topic-path a:focus{
text-decoration:none;
}

div#str_contents p#topic-path em{
color:#101010;
font-weight:bold;
}

/** Contents Footer
---------------------------------------------*/
div#str_contents div#contents-footer{
margin-top:2.31em;
padding-top:2.31em;
background:url(/usr/file/attachment/contents-footer.gif) repeat-x right top;
zoom:1;
position:relative;
}

/** Window Colse Button
---------------------------------------------*/
body.popup div#str_contents ul#window-close,
body.popup_single div#str_contents ul#window-close{
margin:0;
padding:0;
position:absolute;
bottom:30px;
left:296px;
list-style:none;
text-align:center;
}

/*--------------------------------------------------
	Sub Area
--------------------------------------------------*/
div#str_sub > *:first-child{
margin-top:0 !important;
}

/** Block Contact
---------------------------------------------*/
div#str_sub div.blc_contact{
margin-bottom:0.77em;
padding:10px 0 1px;
background-color:#0656b1;
}

div#str_sub dl.blc_contact{
padding:0 0 1px;
background-color:#0656b1;
}

div#str_sub dl.blc_contact > dt,
div#str_sub dl.blc_contact > dd{
margin-bottom:0;
}

div#str_sub div.blc_contact ul.button_01,
div#str_sub dl.blc_contact ul.button_01{
margin:0 10px;
padding:7px 3px 1px 4px;
list-style:none;
background-color:#e7eef7;
}

div#str_sub div.blc_contact ul.button_01 > li,
div#str_sub dl.blc_contact ul.button_01 > li{
margin-bottom:3px;
}

div#str_sub div.blc_contact ul.button_02,
div#str_sub dl.blc_contact ul.button_02{
margin:10px;
padding:10px 6px 0;
list-style:none;
background:url(/usr/file/attachment/blc_contact.gif) repeat-x left top;
}

div#str_sub dl.blc_contact ul.button_02 li,
div#str_sub div.blc_contact ul.button_02 li{
margin-bottom:4px;
}

div#str_sub div.blc_contact dl.button_03,
div#str_sub dl.blc_contact dl.button_03{
margin:10px;
padding:10px 6px 0;
background:url(/usr/file/attachment/blc_contact.gif) repeat-x left top;
}

div#str_sub div.blc_contact dl.button_03 dt,
div#str_sub dl.blc_contact dl.button_03 dt{
margin-bottom:8px;
text-align:center;
}

div#str_sub dl.blc_contact dl.button_03 dd ul,
div#str_sub div.blc_contact dl.button_03 dd ul{
padding:0;
list-style:none;
}

div#str_sub dl.blc_contact dl.button_03 dd ul li,
div#str_sub div.blc_contact dl.button_03 dd ul li{
margin-bottom:4px;
}

/** Local Navi
---------------------------------------------*/
div#str_sub dl.nav_local{
background-color:#fff;
}

div#str_sub dl.nav_local dt,
div#str_sub dl.nav_local dd,
div#str_sub dl.nav_local dl,
div#str_sub dl.nav_local ul,
div#str_sub dl.nav_local li{
margin:0;
}

div#str_sub dl.nav_local > dt{
padding:8px 11px 10px 30px;
color:#fff;
background:url(/usr/file/attachment/anc_local_01.png) no-repeat left center;
zoom:1;
}

div#str_sub dl.nav_local li span,
div#str_sub dl.nav_local a{
display:block;
zoom:1;
}

div#str_sub dl.nav_local > dt a{
margin:-8px -11px -10px -30px;
padding:8px 11px 10px 30px;
display:block;
}

div#str_sub dl.nav_local > dt a,
div#str_sub dl.nav_local > dt a:link,
div#str_sub dl.nav_local > dt a:visited{
color:#fff;
}

div#str_sub dl.nav_local > dd{
border-right:1px #c5c5c5 solid;
border-bottom:1px #c5c5c5 solid;
border-left:1px #c5c5c5 solid;
}

div#str_sub dl.nav_local ul{
padding-left:0;
list-style:none;
}

div#str_sub dl.nav_local li{
padding:6px 12px 5px;
border-top:1px #c5c5c5 solid;
font-weight:bold;
zoom:1;
}

div#str_sub dl.nav_local li a{
margin:-6px -12px -5px;
padding:6px 12px 5px 24px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 12px center;
}

div#str_sub dl.nav_local li a:hover,
div#str_sub dl.nav_local li a:focus{
background-color:#fbf1e3;
}

div#str_sub dl.nav_local li.current,
div#str_sub dl.nav_local li.active{
background-color:#fbf1e3;
}

div#str_sub dl.nav_local li.current a,
div#str_sub dl.nav_local li.current a:link,
div#str_sub dl.nav_local li.current a:visited{
text-decoration:none;
}

div#str_sub dl.nav_local li.current a:hover,
div#str_sub dl.nav_local li.current a:focus{
text-decoration:underline;
}

div#str_sub dl.nav_local li a,
div#str_sub dl.nav_local li a:link,
div#str_sub dl.nav_local li a:visited,
div#str_sub dl.nav_local li a:hover,
div#str_sub dl.nav_local li a:focus{
color:#101010;
}


div#str_sub dl.nav_local li ul{
margin:5px 0;
padding-left:13px;
}

div#str_sub dl.nav_local li li{
margin:0 -12px 0 -15px;
padding:0 12px 0 15px;
border-width:0;
font-weight:normal;
}

div#str_sub dl.nav_local li li a{
margin:0 -12px 0 -25px;
padding:4px 12px 3px 37px;
background-position:25px center;
}

div#str_sub dl.nav_local li.current li a:hover,
div#str_sub dl.nav_local li.active li a:hover,
div#str_sub dl.nav_local li.current li a:focus,
div#str_sub dl.nav_local li.active li a:focus{
background:#f9d9ac url(/usr/file/attachment/anc_local_02.png) no-repeat left center;
}

div#str_sub dl.nav_local li.active li.current{
background-color:#f9d9ac;
}

div#str_sub dl.nav_local > dd > dl > dt{
padding:8px 11px 4px;
border-top:1px #d1d1d1 solid;
background:#ece8e3 url(/usr/file/attachment/nav_local.gif) repeat-x left top;
}

/* Javascript ON */
div#str_sub dl.nav_local.JS_ON li ul{
display:none;
}

div#str_sub dl.nav_local.JS_ON li.current > ul,
div#str_sub dl.nav_local.JS_ON li.active > ul,
div#str_sub dl.nav_local.JS_ON li ul.open{
display:block;
}

div#str_sub dl.nav_local.JS_ON li ul.close{
display:none;
}

/** Block Column
---------------------------------------------*/
div#str_sub dl.blc_column{
padding:11px 8px 0;
border:2px #bbb solid;
background:#fff url(/usr/file/attachment/blc_column.gif) repeat-x left bottom;
}

div#str_sub dl.blc_column > dt{
margin:-2px 0 0.69em;
padding-left:36px;
color:#fff;
background:#4c4c4b url(/usr/file/attachment/blt_column.png) no-repeat 6px center;
}

div#str_sub dl.blc_column ul.outline{
margin-left:1px;
margin-bottom:0.54em;
padding:0 0 9px;
border-bottom:1px #c5c5c5 solid;
list-style:none;
font-weight:bold;
}

div#str_sub dl.blc_column ul.outline li{
padding-left:15px;
list-style:none;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 0 0.38em;
}

div#str_sub dl.blc_column ul.nextpage{
padding-left:0;
text-align:right;
list-style:none;
font-size:85%;
}

div#str_sub dl.blc_column ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_sub dl.blc_column ul.nextpage li a{
padding:0 0 0.08em 12px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
}

/** Buttin
---------------------------------------------*/
div#str_sub div.btn_download{
padding:12px;
background:#e25f07;
}

div#str_sub div.btn_download p{
margin-bottom:0;
}

/** Navigation - Banner
---------------------------------------------*/
div#str_sub ul.nav_banner{
margin-bottom:4px;
padding-bottom:1px;
}

div#str_sub ul.nav_banner li{
margin-bottom:5px;
text-align:left;
}

/** Block Information
---------------------------------------------*/
div#str_sub dl.blc_info{
padding:6px 9px 0;
border:1px #c5c5c5 solid;
background:#fef8ec url(/usr/file/attachment/blc_info.jpg) no-repeat left top;
}

div#str_sub dl.blc_info > dt{
margin-bottom:0.92em;
font-weight:bold;
font-size:92%;
}

div#str_sub dl.blc_info > dd{
margin-bottom:0;
}

div#str_sub dl.blc_info dl.outline > dt{
display:inline;
font-weight:normal;
}

div#str_sub dl.blc_info dl.outline > dd{
margin-top:0.54em;
padding-bottom:9px;
border-bottom:1px #b9b8b6 solid;
}

div#str_sub dl.blc_info dl.outline dd.sort{
border-width:0;
display:inline;
}

div#str_sub dl.blc_info dl.outline ul.icon{
/margin-left:-5px;
padding-left:0;
display:inline;
list-style:none;
color:#fff;
font-size:0.77em;
white-space:nowrap;
}

div#str_sub dl.blc_info dl.outline ul.icon li{
margin-bottom:0.38em;
/margin-left:5px;
padding:0.2em 5px;
display:inline;
zoom:1;
}

div#str_sub dl.blc_info dl.outline  ul.icon li.seminar{
background-color:#ed6d00;
}
div#str_sub dl.blc_info dl.outline ul.icon li.event{
background-color:#eda10d;
}
div#str_sub dl.blc_info dl.outline ul.icon li.place{
background-color:#666;
}

div#str_sub dl.blc_info ul.nextpage{
margin-top:-3px;
padding-left:0;
text-align:right;
list-style:none;
font-size:85%;
}

div#str_sub dl.blc_info ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_sub dl.blc_info ul.nextpage li a{
padding:0 0 0.08em 12px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
}

/** Block News
---------------------------------------------*/
div#str_sub div.blc_news{
margin-bottom:0.77em;
border:1px #c5c5c5 solid;
background-color:#fff;
}

div#str_sub div.blc_news > dl{
margin:10px;
}

div#str_sub div.blc_news > dl > dt{
margin-bottom:0.84em;
border-bottom:2px #4c4c4b solid;
}

div#str_sub div.blc_news > dl > dd{
margin-bottom:0;
}

div#str_sub div.blc_news dl.outline > dt{
display:inline;
font-weight:normal;
}

div#str_sub div.blc_news dl.outline > dd{
margin-top:0.54em;
padding-bottom:9px;
border-bottom:1px #c5c5c5 solid;
}

div#str_sub div.blc_news dl.outline dd.sort{
border-width:0;
display:inline;
}

div#str_sub div.blc_news dl.outline ul.icon{
padding-left:0;
display:inline;
list-style:none;
color:#fff;
font-size:0.77em;
white-space:nowrap;
}

div#str_sub div.blc_news dl.outline ul.icon li{
margin-bottom:0.38em;
padding:0.2em 5px;
display:inline;
zoom:1;
}

div#str_sub div.blc_news dl.outline ul.icon li.release{
background-color:#0656b1;
}
div#str_sub div.blc_news dl.outline ul.icon li.report{
background-color:#2e8ae7;
}
div#str_sub div.blc_news dl.outline ul.icon li.info{
background-color:#da0202;
}

div#str_sub div.blc_news ul.nextpage{
margin-top:-3px;
padding-left:0;
text-align:right;
list-style:none;
font-size:85%;
}

div#str_sub div.blc_news ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_sub div.blc_news ul.nextpage li a{
padding:0 0 0.08em 12px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
}

/* Javascript ON */
div#str_sub div.JS_ON{
overflow:hidden;
}

div#str_sub div.JS_ON ul.tabList{
margin:0 0 0 -4px;
padding-left:0;
border-bottom:2px #4c4c4b solid;
list-style:none;
}

div#str_sub div.JS_ON ul.tabList li{
margin:0 0 0 4px;
float:left;
}

div#str_sub div.JS_ON div.blc_news dl.tabPanel{
display:none;
}

div#str_sub div.JS_ON div.blc_news dl.tabPanel.active{
display:block;
}

div#str_sub div.JS_ON div.blc_news dt.tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

/** Block Case
---------------------------------------------*/
div#str_sub dl.blc_case{
padding:9px 9px 0;
border:1px #c5c5c5 solid;
background-color:#fff;
}

div#str_sub dl.blc_case > dt{
margin-bottom:0.67em;
padding:0.17em 6px 0;
color:#fff;
background:#4c4c4b;
font-size:92%;
}

div#str_sub dl.blc_case > dd{
margin-bottom:0;
}

div#str_sub dl.blc_case dl.outline{
margin:0;
}

div#str_sub dl.blc_case dl.outline > dt{
margin-bottom:0.57em;
}

div#str_sub dl.blc_case dl.outline > dd{
padding:0 70px 9px 0;
border-bottom:1px #c5c5c5 solid;
position:relative;
min-height:65px;
height:auto !important;
height:65px;
font-size:85%;
}

div#str_sub dl.blc_case dl.outline > dd img.thumb{
position:absolute;
top:0;
right:0;
}

div#str_sub dl.blc_case dl.outline > dd span.product{
margin-top:0.45em;
display:block;
}

div#str_sub dl.blc_case ul.nextpage{
margin-top:-3px;
padding-left:0;
text-align:right;
list-style:none;
font-size:85%;
}

div#str_sub dl.blc_case ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_sub dl.blc_case ul.nextpage li a{
padding:0 0 0.08em 12px;
background:url(/usr/file/attachment/anc_01.gif) no-repeat left 0.23em;
}

/** Block Training
---------------------------------------------*/
div#str_sub dl.blc_training{
padding:6px 9px 0;
border:1px #c5c5c5 solid;
background:#f5faff url(/usr/file/attachment/blc_training.jpg) no-repeat left top;
}

div#str_sub dl.blc_training > dt{
margin-bottom:0.92em;
font-weight:bold;
font-size:92%;
}

div#str_sub dl.blc_training > dd{
margin-bottom:0;
}

div#str_sub dl.blc_training dl.outline > dt{
display:inline;
font-weight:normal;
}

div#str_sub dl.blc_training dl.outline dd{
margin-top:0.54em;
padding-bottom:9px;
border-bottom:1px #a8a8a8 solid;
}

div#str_sub dl.blc_training dl.outline dd.sort{
border-width:0;
display:inline;
}

div#str_sub dl.blc_training dl.outline dd a.beginner{
padding-left:14px;
display:block;
background:#f5faff url(/common/images/icon_beginner.gif) no-repeat left 0;
}

div#str_sub dl.blc_training dl.outline ul.icon{
padding-left:0;
display:inline;
list-style:none;
color:#fff;
font-size:0.77em;
white-space:nowrap;
}

div#str_sub dl.blc_training dl.outline ul.icon li{
margin-bottom:0.38em;
padding:0.2em 5px;
display:inline;
zoom:1;
}

div#str_sub dl.blc_training dl.outline ul.icon li.place{
background-color:#666;
}

div#str_sub dl.blc_training ul.nextpage{
margin-top:-3px;
padding-left:0;
text-align:right;
list-style:none;
font-size:85%;
}

div#str_sub dl.blc_training ul.nextpage li{
padding-left:0;
background-image:none;
}

div#str_sub dl.blc_training ul.nextpage li a{
padding:0 0 0.08em 12px;
background:url(/usr/file/attachment/anc_05.gif) no-repeat left 0.23em;
}

/*--------------------------------------------------
	Footer Area
--------------------------------------------------*/

/** Relation Navi
---------------------------------------------*/
div#str_footer ul.nav_relation{
font-weight:bold;
text-align:center;
}

div#str_footer ul.nav_relation li{
margin-left:-1px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
display:inline;
}

div#str_footer ul.nav_relation li a,
div#str_footer ul.nav_relation li a:link,
div#str_footer ul.nav_relation li a:visited{
text-decoration:none;
}

/** Utility Navi
---------------------------------------------*/
div#str_footer ul.nav_utility{
margin-bottom:0.31em;
padding-left:0;
text-align:center;
}

div#str_footer ul.nav_utility li{
margin-left:-1px;
padding:0 8px 0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
display:inline;
white-space:nowrap;
}

div#str_footer ul.nav_utility a,
div#str_footer ul.nav_utility a:link,
div#str_footer ul.nav_utility a:visited{
text-decoration:underline;
}

div#str_footer ul.nav_utility a:hover,
div#str_footer ul.nav_utility a:focus{
text-decoration:none;
}

/** Copyright
---------------------------------------------*/
div#str_footer p#copyright{
font-size:83.3%;
text-align:center;
}

body.english div#str_footer p#copyright{
height:47px;
}


/*==================================================
	05. Unique
==================================================*/
/*--------------------------------------------------
	SOFTWARE
--------------------------------------------------*/

/** HULFT7
---------------------------------------------*/
div#str_main div.blc_hover{
margin:0 auto 0.77em;
width:558px;
}

div#str_main div.blc_hover p.comp_img{
margin:0;
}

div#str_main div.blc_hover div.inner{
padding:6px;
border:2px solid #f3691d;
background-color:#fffbd6;
}

div#str_main div.blc_hover div.inner div.display{
width:223px;
float:left;
}

div#str_main div.blc_hover div.inner div.information{
width:319px;
float:right;
}

div#str_main div.blc_hover div.inner div.history{
clear:both;
}


/*--------------------------------------------------
	HOME
--------------------------------------------------*/

/* Javascript ON */
body.home div#str_main div.JS_ON{
overflow:hidden;
}

body.home div#str_main div.JS_ON ul.tabList{
margin:0 -9px 0.23em 0;
padding-left:0;
list-style:none;
}

body.home div#str_main div.JS_ON ul.tabList li{
margin:0 9px 0 0;
float:left;
}

/** Main Banner
---------------------------------------------*/
body.home #unit-main-banner{
margin-bottom:7px;
padding:3px 3px 15px 3px;
background:#fff url(/usr/file/attachment/unit-main-banner.png) no-repeat left bottom;

}

body.home #unit-main-banner ul#main-banner-nav{
margin:-4px 0 1px;
padding-left:7px;
float:right;
width:207px;
list-style:none;
}

body.home #unit-main-banner ul#main-banner-nav li{
padding:0;
margin:5px 0 0;
position:relative;
}

body.home #unit-main-banner ul#main-banner-nav li span{
width:214px;
height:64px;
}

body.home #unit-main-banner ul#main-banner-nav li.active span{
position:absolute;
top:0;
right:0;
background:url(/usr/file/attachment/cursor.gif) no-repeat left 28px;
cursor:pointer;
}

body.home #unit-main-banner ul#main-banner{
margin:0;
padding-left:0;
float:left;
width:672px;
list-style:none;
}

body.home #unit-main-banner ul#main-banner li{
margin:0;
display:none;
}

body.home #unit-main-banner ul#main-banner li.active{
display:block;
}

/** Block Search Software
---------------------------------------------*/
body.home div#str_main div.blc_search-soft_home{
margin-bottom:0.38em;
}
body.home div#str_main div.blc_search-soft_home h2{
margin-right:-11px;
margin-left:-11px;
margin-bottom:0;
border-bottom:1px #0656b1 solid;
}

body.home div#str_main div.blc_search-soft_home > div.inner{
padding:1px 11px 1px;
/padding-bottom:1.08em;
background:url(/usr/file/attachment/blc_search-soft_home_01.png) no-repeat left bottom;
}

body.home div#str_main div.blc_search-soft_home ul.navigation{
margin-bottom:0.54em;
padding-left:0;
list-style:none;
font-weight:bold;
}

body.home div#str_main div.blc_search-soft_home ul.navigation li{
margin:0 0 0.38em;
padding-bottom:0.38em;
float:left;
background:url(/usr/file/attachment/blc_search-soft_home_02.gif) repeat-x left bottom;
}

body.home div#str_main div.blc_search-soft_home ul.navigation li span.inner{
padding-left:15px;
display:block;
background:url(/usr/file/attachment/anc_01.gif) no-repeat 2px 0.38em;
}

body.home div#str_main div.blc_search-soft_home ul.navigation.col2{
margin-right:-17px;
}

body.home div#str_main div.blc_search-soft_home ul.navigation.col2 li{
margin-right:17px;
width:318px;
}

body.home div#str_main div.blc_search-soft_home ul.navigation.col3{
margin-right:-14px;
}

body.home div#str_main div.blc_search-soft_home ul.navigation.col3 li{
margin-right:14px;
width:208px;
}

/* Javascript ON */
body.home div#str_main div.JS_ON ul.tabList{
margin-bottom:0;
}

body.home div#str_main div.JS_ON div.blc_search-soft_home{
border-top:1px #0656b1 solid;
zoom:1;
}

body.home div#str_main div.JS_ON div.blc_search-soft_home div.tabPanel{
display:none;
}

body.home div#str_main div.JS_ON div.blc_search-soft_home div.tabPanel.active{
display:block;
}

body.home div#str_main div.JS_ON div.blc_search-soft_home h2.tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

/** Block News
---------------------------------------------*/
body.home div#str_main div.blc_news_home h2{
border-bottom:2px #4c4c4b solid;
}

/* Javascript ON */
body.home div#str_main div.JS_ON div.blc_news_home{
border-top:2px #4c4c4b solid;
}

body.home div#str_main div.JS_ON div.blc_news_home div.tabPanel{
display:none;
}

body.home div#str_main div.JS_ON div.blc_news_home div.tabPanel.active{
display:block;
}

body.home div#str_main div.JS_ON div.blc_news_home h2.tabTitle{
position:absolute;
left:-999em;
top:-999em;
}






div.lyt_seminar-button{
margin-bottom:-0.78em;
}

div.lyt_seminar-button ul.nav_social{
float:left;
}

div.lyt_seminar-button ul.nav_print{
margin-top:0;
float:right;
}


/*==================================================
	06. Support
==================================================*/

/** ClaerFix
---------------------------------------------*/
div#str_contents:after,
ul.nav_tab_01:after,
div.lyt_change > ul.navigation:after,
ul.nav_text_samepage_01:after,
div.nav_text_samepage_02 ul:after,
div#str_contents div.nav_text_samepage_03:after,
ul.nav_text_side_01:after,
ul.nav_text_01.col2:after,
ul.nav_text_02.col2:after,
ul.nav_text_01.col4:after,
ul.nav_text_02.col4:after,
ul.list_link_index:after,
ul.list_link_index dd:after,
div#str_contents ul.nav_text_samepage_04:after,
div#str_contents ul.nav_text_samepage_05:after,
ul.nav_social:after,
div.lyt_col2:after,
div#str_contents div.lyt_image:after,
div#str_main div.lyt_index_01:after,
div#str_main div.lyt_index_02 div.box ul.navigation:after,
div#str_contents div.lyt_index_03 div.box ul.navigation:after,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03:after,
dl.blc_download:after,
div#str_main div.blc_case_notice dl.outline > dd ul.sort:after,
div#str_main ul.lyt_catalog:after,
div#str_sub div.JS_ON ul.tabList:after,
body.home div#str_main div.JS_ON ul.tabList:after,
body.home #unit-main-banner:after,
body.home div#str_main div.blc_search-soft_home ul.navigation:after,
div.lyt_seminar-button:after,
div.blc_verisign:after,
div.fields:after,
ul.list-radio-02:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

/** hasLayout Swicth
---------------------------------------------*/
div#str_contents,
ul.nav_tab_01,
div.lyt_change > ul.navigation,
ul.nav_text_samepage_01,
div.nav_text_samepage_02 ul,
div#str_contents div.nav_text_samepage_03,
ul.nav_text_side_01,
ul.nav_text_01.col2,
ul.nav_text_02.col2,
ul.nav_text_01.col4,
ul.nav_text_02.col4,
ul.list_link_index,
ul.list_link_index dd,
div#str_contents ul.nav_text_samepage_04,
div#str_contents ul.nav_text_samepage_05,
ul.nav_social,
div.lyt_col2,
div#str_contents div.lyt_image,
div#str_main div.lyt_index_01,
div#str_main div.lyt_index_02 div.box ul.navigation,
div#str_contents div.lyt_index_03 div.box ul.navigation,
div#str_contents div.lyt_index_03 div.box ul.nav_index_03,
dl.blc_download,
div#str_main div.blc_case_notice dl.outline > dd ul.sort,
div#str_main ul.lyt_catalog,
div#str_sub div.JS_ON ul.tabList,
body.home div#str_main div.JS_ON ul.tabList,
body.home #unit-main-banner,
body.home div#str_main div.blc_search-soft_home ul.navigation,
div.lyt_seminar-button,
div#str_contents h4.hdg_l4_feature{
zoom:1;
} 

ul li,
ol li{
zoom:normal;
}


/*==================================================
	07. for Print Buton
==================================================*/
@media print{

body.print_open div.blc_switch p.close,
body.print_open div.blc_switch div.txt_contents{
display:block !important;
zoom:1;
margin-bottom:1.31em;
}

body.print_open div.blc_switch p.open{
display:none !important;
zoom:1;
}

body.print_seminar div#str_header,
body.print_seminar p#topic-path,
body.print_seminar div#str_footer ul.nav_utility,
body.print_seminar div#str_sub{
display:none;
}
body.print_seminar div#str_main{
/* zoom:1.3; */
}

}

/*==================================================
	08. for Margin Patern
==================================================*/
/*margin-top*/
.mt00{margin-top:0;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
/*margin-bottom*/
.mb00{margin-bottom:0;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}


/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
* {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
fieldset, img, table {
    border: 0; /* 罫線 */
}
li,ol,ul {
    list-style: none; /* リスト */
}
body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
    color: #333; /* テキスト色 */
    text-align: left; /* テキスト配置 */
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 文字サイズ */
    font-weight: normal; /* 文字太さ */
}
h1 {
    font-size: 12px; /* 文字サイズ */
}
em {
    font-style: normal; /* 文字斜体 */
}
/* ------------------------------
     common
------------------------------ */
.flo_l {
    float: left; /* 表示配置 */
}
.flo_r {
    float: right; /* 表示配置 */
    display: inline;
}
/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #0066CC; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #0066CC; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #E58020; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #E58020; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* =======================================================
     base layout
======================================================= */
/* ------------------------------
     okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {
margin:0 auto;
width:945px!important;
}
/* ------------------------------
     okwave head line
------------------------------ */
/* 領域 */
.okw_headline {
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
}
/* h1 タグ内 */
.okw_headline h1{
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 4px 0;
    text-align: right;
}
/* ------------------------------
     okwave headder
------------------------------ */
/* 領域 */
#okw_header {
    background: transparent url("../images/front/headerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 内部領域 */
#okw_header_inner {
    background: transparent url("../images/front/pic_header.jpg") no-repeat scroll left top; /* 背景 */
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
    height: 100px; /* 高さ */
    padding: 1px 0 0; /* 余白 */
}
/* ロゴ */
#okw_header_logo a {
    background: transparent url("../images/front/logo_header.gif") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    display: block; /* 表示要素 */
    height: 70px; /* 高さ */
    margin: 10px 0 0; /* 周囲余白 */
}
/* ------------------------------
     okwave contents
------------------------------ */
/* 領域 */
#okw_contents {
    background: none; /* 背景 */
}
/* 表示領域ベース */
#okw_contents_base {
    margin: 0 auto; /* 周囲余白 */
    padding-right: 0; /* 余白 */
    width: 945px; /* 幅 */
    background: none; /* 背景 */
    position: relative; /* ポジショニング */
}
#okw_contents_base, div#MB_window {
    background-color: #f5f5f5; /* 背景色 */
}
/* 表示領域 */
#okw_contents_inner {
    background: none; /* 背景 */
    padding: 0; /* 余白 */
	overflow:hidden;
}
#okw_contents_inner, div#MB_frame {
    background-color: transparent; /* 背景色 */
}
/* ------------------------------
     side column
------------------------------ */
/* 領域 */
#okw_side {
    width: 240px; /* 幅 */
    padding:15px 10px;
    background-color:#E8E8E8;
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 645px; /* 幅 */
	padding: 15px;
	background: #fff url(images/bg_main_b.gif) repeat-x scroll left bottom;
	border:1px solid #D5D5D5;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     okwave footer
------------------------------ */
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: auto; /* 高さ */
    background: none; /* 背景 */
}
/* 領域 */
#okw_footer_default {
    padding: 0; /* 余白 */
	width:945px;
	margin:15px auto;
}
/* コピーライト部分文字サイズ固定 */
body #okw_footer_default{
    font-size:12px;
}
/* コピーライト位置調整 */
.okw_copy {
    margin-top: 10px;
}
/* コピーライト */
.okw_copy a:link,
.okw_copy a:visited,
.okw_copy a:active,
.okw_copy a:hover{
    color:#333333;
    text-decoration: none;
}

/* ロゴ */
#okw_logo_footer a {
	display:none;
    background: transparent url("../images/front/logo_footer.gif") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    height: 26px; /* 高さ */
    display: block; /* 表示要素 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
}
/* =======================================================
     link
======================================================= */
/* トップヘ */
.topLink {
    float: right; /* 表示配置 */
    font-size: 12px; /* 文字サイズ */
    margin: 0; /* 周囲余白 */
    height:auto;
}
/* トップヘリンク */
.topLink a {
    background: transparent url(/usr/file/attachment/icon_toparrow.gif) no-repeat scroll 2px 100%; /* 背景 */
    background-position:left center;
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
}
/* 領域 */
.siteLink li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* 戻る */
.preLink {
    background: transparent url("../images/front/ico_back.gif") no-repeat scroll 2px 100%; /* 背景 */
    text-align: left; /* テキスト配置 */
    margin-right: 15px; /* 周囲余白 */
}
/* 戻るリンク */
.preLink a {
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    height: 13px; /* 高さ */
}
/* ------------------------------
     admin link : 管理者向けリンク
------------------------------ */
/* 領域 */
.fixed_link {
    position: fixed!important; /* ポジショニング  IE6にも対応 */
    position:absolute;
    right: 0; /* 右位置 */
}
/* リンク内 */
.fixed_link div a {
    display: block; /* 表示要素 */
    width: 36px; /* 幅 */
    height: 102px; /* 高さ */
    overflow: hidden; /* 領域外表示 */
    text-indent: -99999px; /* インデント */
}
/* FAQリンク領域 */
.admin_back_link {
    top: 150px; /* 上位置 */
}
/* FAQリンク */
.admin_back a {
    background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center; /* 背景 */
}
/* デザインプレビューリンク領域 */
.preview_close_link {
    top: 260px; /* 上位置 */
}
/* デザインプレビューリンク */
.preview_close a {
    background: transparent url("../images/front/preview_close.gif") no-repeat scroll center center; /* 背景 */
}
/* =======================================================
     icon
======================================================= */
/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf,
.icoLogin,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult{
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 3px 0 0 32px; /* 余白 */
}
/* info & news */
.icoInf {
    background-image: url(/usr/file/attachment/icon_info.gif);
}
/*ログイン*/
.icoLogin{
	background-image: url(/usr/file/attachment/ico_login.gif);
}
/* キーワード検索 */
.icoKeyword {
    background-image: url(/usr/file/attachment/icon_search.gif);
}
/* よくある質問 */
.icoQa {
    background-image: url(/usr/file/attachment/icon_qa.gif);
}
/* 最新の FAQ */
.icoNew {
    background-image: url(/usr/file/attachment/icon_new.gif);
}
/* カテゴリー */
.icoCate {
    background-image: url(/usr/file/attachment/icon_cate.gif);
}
/* FAQ一覧 */
.icoResult{
    background-image: url(/usr/file/attachment/icon_faq.gif);
}
/* ------------------------------
     faq detail page
------------------------------ */
/* おすすめのFAQ */
.icoFaq {
    background: transparent url(/usr/file/attachment/icon_faq.gif) no-repeat scroll left top; /* 背景 */
    display: inline-block; /* 表示要素 */
    height: 22px; /* 高さ */
    padding: 2px 0 0 32px; /* 余白 */
}
/* 印刷 */
.icoPrint {
    background: transparent url(/usr/file/attachment/ico_print.gif) no-repeat scroll 2px 2px; /* 背景 */
    display: inline-block; /* 表示要素 */
}
/* 印刷リンク */
.icoPrint a {
    display: block; /* 表示要素 */
    padding: 2px 3px 2px 20px; /* 余白 */
    height: 16px; /* 高さ */
    display: inline;
}
/* 質問 */
.icoQ {
    background: transparent url(/usr/file/attachment/ico_qst.gif) no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}
/* 回答 */
.icoA {
    background: transparent url(/usr/file/attachment/ico_ans.gif) no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}
/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml{
    background: transparent url(/usr/file/attachment/ico_qst_s.gif) no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url(/usr/file/attachment/ico_ans_s.gif) no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
	display:none;
    margin-bottom: 0; /* 周囲余白 */
    line-height: 22px;
	background-color:#FFFFFF;
	padding-bottom:5px;
}
/* ------------------------------
     category path
------------------------------ */
/* 領域 */
.okw_bread {
}
/* 各部 */
.okw_bread li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* リンク */
.okw_bread li a {
    margin: 0 5px 0 0; /* 周囲余白 */
}
/* ------------------------------
     font size change
------------------------------ */
/* 領域 */
#fontCol {
    white-space: nowrap; /* 要素内余白表示 */
    line-height: 22px;
}
/* テキスト部 */
li.okw_txt {
    font-size: 12px; /* 文字サイズ */
    float: left; /* 表示配置 */
    margin-right: 10px; /* 周囲余白 */
}
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
    width: 22px; /* 幅 */
    height: 22px; /* 高さ */
    float: left; /* 表示配置 */
    text-indent: -99998px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    margin-right: 5px; /* 周囲余白 */
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
}
/* 大中小リンク */
.fntBig a, .fntMid a, .fntSml a {
    display: block; /* 表示要素 */
}
/* 大 */
li.fntBig {
    background-image: url("../images/front/btn_fntbig_off.gif"); /* 背景画像 */
}
/* 中 */
li.fntMid {
    background-image: url("../images/front/btn_fntmdl_off.gif"); /* 背景画像 */
}
/* 小 */
li.fntSml {
    background-image: url("../images/front/btn_fntsml_off.gif"); /* 背景画像 */
}
/* 大 ホバー・アクティブ */
li.fntBig:hover, li.fntBigOn {
    background-image: url("../images/front/btn_fntbig_on.gif"); /* 背景画像 */
}
/* 中 ホバー・アクティブ */
li.fntMid:hover, li.fntMidOn {
    background-image: url("../images/front/btn_fntmdl_on.gif"); /* 背景画像 */
}
/* 小 ホバー・アクティブ */
li.fntSml:hover, li.fntSmlOn {
    background-image: url("../images/front/btn_fntsml_on.gif"); /* 背景画像 */
}
/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 20px; /* 周囲余白 */
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 49%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: transparent url(/usr/file/attachment/bar_bg_l.gif) no-repeat scroll left top; /* 背景 */
    height: 38px; /* 高さ */
    padding: 0 0 0 2px; /* 余白 */
}
/* パーツタイトル */
.ttl_bg {
    background: transparent url(/usr/file/attachment/bar_bg.gif) no-repeat scroll right top; /* 背景 */
    height: 33px; /* 高さ */
    padding: 5px 0 0 5px; /* 余白 */
	color:#FFFFFF;
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     info & news
------------------------------ */
/* リスト領域 */
.newsList {
    margin: 5px 10px 0; /* 周囲余白 */
}
/* 1 行 */
.newsList li {
    background: none; /* 背景 */
    padding: 0 0 0 10px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.5;
	font-size:85%;
}
/* 日付 */
.datetime {
    line-height: 1.5; /* テキスト高さ */
    margin-right: 5px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    float: left;
}
/* Info&News一覧本文 */
.infoTxt{
    float:left;
    word-break:keep-all;
    white-space: nowrap;
}
/* ------------------------------
     keyword search
------------------------------ */
/* 領域 */
.search_frmArea {
    margin: 5px 10px 0 10px; /* 周囲余白 */
}
/* ショルダー時領域 */
#okw_side .search_frmArea {
    margin: 5px 0; /* 周囲余白 */
}
/* 説明文 */
.search_description{
    font-size:80%; /* 文字サイズ */
    color:#666666; /* テキスト色 */
    margin:3px 0; /* 周囲余白 */
}
/* フォーム */
.keyword_frm {
    width: 70%; /* 幅 */
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border-width: 1px 0 1px 1px; /* 罫線幅 */
    border-color: #ccc; /* 罫線色 */
    border-style: solid; /* 罫線スタイル */
    line-height: 2.0; /* テキスト高さ */
    font-size: 14px; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
}
/* 自然文フォーム */
.n_keyword_frm{
    background-color: #FCFCFC; /* 背景色 */
    border: 1px solid #CCCCCC; /* 罫線 */
    min-width: 200px;
    width: 100%; /* 幅 */
}
.n_keyword_frm:focus{
    background-color: #FFFFFF; /* 背景色 */
}
/* ボタン */
.keyword_frmbtn {
    background: transparent url(/usr/file/attachment/btnsearch.jpg) no-repeat scroll left top; /* 背景 */
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #FFF; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 13px; /* 文字サイズ */
}
/* 自然文ボタン */
.n_keyword_frmbtn{
    background: url(/usr/file/attachment/btnsearch.jpg) no-repeat scroll left top transparent;
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #FFF; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 13px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
/* 検索切り替え */
.search_switch{
    font-size:0.8em; /* 文字サイズ */
    margin: 5px auto 0 0; /* 周囲余白 */
}
/* 検索絞込み */
.search_target {
    margin:0 20px 0 0;
    float:left;
}
.search_keyword_morph {
    float:left;
}
.kwd_none {
    margin: 15px 3px 20px 0px; /* 周囲余白 */
    background-color: #F6FFF2; /* 背景色 */
    border: 1px solid #E4E4E4; /* 罫線 */
    padding: 20px; /* 余白 */
}
.kwd_none span {
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     qa list
------------------------------ */
/* 領域 */
.qaList {
    margin: 10px 10px 0 10px; /* 周囲余白 */
}
/* 1 行 */
.qaList li {
    background: transparent url(/usr/file/attachment/marker_arrow.gif) no-repeat scroll left 4px; /* 背景 */
    padding: 0 0 0 18px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
	font-size:85%;
}
/* ------------------------------
     new faq list
------------------------------ */
/* 領域 */
.faqList {
    margin: 10px 10px 0 10px; /* 周囲余白 */
}
/* 1 行 */
.faqList li {
    background: transparent url(/usr/file/attachment/marker_arrow.gif) no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 18px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
	font-size:85%;
}
/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    margin: 5px 0 0 0; /* 周囲余白 */
}
/* ログインフォーム 領域 */
.loginArea{
    margin-top:5px; /* 周囲余白 */
}
/* ログインフォーム */
.okw_parts_login .form_field {
    display: inline-block; /* 表示要素 */
    margin-top: 5px; /* 周囲余白 */
    width:100%;
}
.okw_parts_login .form_field dt {
    float: left; /* 表示配置 */
    text-align: left; /* テキスト配置 */
    width: 40%; /* 幅 */
	font-size:0.9em;
	padding-left:5px;
}
.okw_parts_login .form_field dd {
    float: left; /* 表示要素 */
    width: 55%; /* 幅 */
}
.okw_parts_login .form_field .login_txt {
	border-top:1px solid #E9B10A;
	border-left:1px solid #E9B10A;
	border-bottom:none;
	border-right:none;
    letter-spacing: 1.8px; /* 文字間 */
    line-height: 2; /* テキスト高さ */
    width: 100%; /* 幅 */
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: 1px solid #E58020; /* 罫線 */
    margin-bottom: 4px; /* 周囲余白 */
    padding-bottom: 4px; /* 余白 */
	font-size:0.9em;
}
/* パスワード再発行 リンク */
.okw_parts_login .reissue_password{
    margin-top:10px;
    text-align: center;
}
.okw_parts_login .reissue_password a{
    font-size: 90%;
}
/* ログイン中 リンク */
.loginUsr_link{
    text-align: right; /* テキスト配置 */
    font-size: 90%;
}
/* ------------------------------
     category list
------------------------------ */
/* 1 領域 */
* html .cateList {
    margin: 5px 10px 5px 10px; /* 周囲余白 */
    padding: 0 0 0 10px; /* 余白 */
}
/* カテゴリーアイコン*/
.cate_icon{
    float:left;
    margin-right:5px;
}
/* 中カテゴリ */
.cate_middle {
    padding:0 5px 0 5px;
	font-size:85%;
}
.cate_middle a{
    font-weight:bold;
}
/* 小カテゴリ */
.cate_small{
    display: table;
    padding: 0 5px 0 5px;
    font-size:80%;
}
/* 小カテゴリ */
.cate_small li{
    display:inline;
    padding: 0 4px 0 0;
    word-wrap:break-word;
    word-break:break-all;
	color:#666666;
}
/* 件数 */
.cate_count {
    padding: 0 0 0 5px; /* 余白 */
    color: #666; /* テキスト色 */
    white-space: nowrap; /* 要素内余白表示 */
    font-weight: normal;
    font-size: 80%;
}
/* カテゴリー列表示用 */
.cateList_box{
    margin: 10px 10px;/* 領域 */
}
/* 1列表示 */
.cateList_1line{
    width:100%;/* 横幅 */
}
/* 2列表示 */
.cateList_2line{
    width:310px;/* 横幅 */
    float:left;
	margin: 0 0 0 10px;
}
/* 3列表示 */
.cateList_3line{
    width:33%;/* 横幅 */
    float:left;
}
/* 4列表示 */
.cateList_4line{
    width:24.9%;/* 横幅 */
    float:left;
}
/* ------------------------------
     category tree
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.category_tree .ttl_bg{
    background: url(/usr/file/attachment/bg_cate_top.jpg) repeat-x left top transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding:0 0px 0 10px;
    margin:0px;
    width: 228px;
    height:32px;
    font-size: 12px;
}

.category_tree {
    word-break: break-all;
    font-size: 12px;
    padding-bottom:0;

    width: 238px;
    margin:2px 0 10px;
    background:none;
	border:1px solid #E48020;
}
.icocate_tree{
    background: none;
	display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 0; /* 余白 */
}

/* TOPカテゴリータイトル*/
.category_tree .ttl_col{
    background: none;
    padding: 0;
    height:auto;
}

.category_open a:hover.pm_icon {background:url(/usr/file/attachment/cate_on_on.gif) no-repeat 0px 0px; }
.category_close a:hover.pm_icon{background:url(/usr/file/attachment/cate_off_on.gif) no-repeat 0px 0px; }
.fo_b{ font-weight:bold;}

/* カテゴリー名領域 */
.cate_pull_inert_bg{padding:5px 0;}

/* カテゴリー+-アイコン調整 */
.category_tree .pm_icon { text-indent:-9999px; width:18px; margin:0 5px; display:inline;}
.category_open .pm_icon{ background:url(/usr/file/attachment/cate_on.gif) no-repeat 0px 0px; }
.category_close .pm_icon{ background:url(/usr/file/attachment/cate_off.gif) no-repeat 0px 0px; }

/* カテゴリーアイコン無し調整 */
.category_none{ background:url(/usr/file/attachment/cate.gif) no-repeat 11px 9px; padding-left:28px}

/* 選択中のカテゴリ */
.category_select{ background-color:#E48020;}
.category_select a, .category_select a span{ color:#FFF; font-weight:bold; }
/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("../images/front/cate_active.gif") no-repeat scroll 11px 10px #E48020;
}

/* カテゴリ名文字 */
.category_tree a,
.category_nofaq{ margin-right:5px; display:block; overflow: auto;}

.category_level_0{ margin:0; abackground:#FFF; }
.category_level_0 li{ border-top: 1px solid #d8d9da;}

.category_level_1{ background:#f2f2f2; margin-left:20px; clear:both;}
.category_level_1 li{ border-top: 1px solid #dcdcdc;}

.category_level_2{background:#e8e8e8; margin-left:20px; clear:both;}
.category_level_2 li{ border-top: 1px solid #cfcfcf;}

.category_level_3{background:#dfdfdf; margin-left:20px; clear:both;}
.category_level_3 li{ border-top: 1px solid #cccccc;}

/* =======================================================
 faq detail page
======================================================= */
/* ------------------------------
     base info
------------------------------ */
/* 戻る */
.faq_qstInf_col .siteLink {
    float:left;
    display:inline;
}
/* 領域 */
.faq_qstInf_col {
    border-bottom: none; /* 罫線 */
    margin: 0 0 5px; /* 周囲余白 */
	overflow:hidden;
}
/* 表示領域 */
.faq_dateNo {
    margin-right: 5px; /* 周囲余白 */
}
/* 各パーツ */
.faq_dateNo li {
    font-size: 12px; /* 文字サイズ */
    margin-right: 15px; /* 周囲余白 */
    display: inline; /* 表示要素 */
}
/* 印刷 */
.faq_dateNo li.faq_print {
    margin-right: 0; /* 周囲余白 */
}
/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    color: #E48020; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* 領域 */
.faq_qstCont_col {
    margin: 10px 65px 30px; /* 周囲余白 */
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* カテゴリ */
.faq_cate_col {
    padding: 5px; /* 余白 */
    border: 1px dotted #999; /* 罫線 */
    background-color: #f7f7f7; /* 背景色 */
	font-size:0.8em;
}
/* カテゴリタイトル */
.faq_cate_col dt, .faq_cate_col dd {
    float: left; /* 表示配置 */
}
/* カテゴリ名 */
.faq_cate_col dt {
    margin-right: 5px; /* 周囲余白 */
}
/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: transparent url("../images/front/bor_qst.gif") repeat-x scroll left bottom; /* 背景 */
    padding-bottom: 5px; /* 余白 */
    margin: 0 25px 10px; /* 周囲余白 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}
/* 領域 */
.faq_ans_col {
    padding: 0 65px 20px; /* 余白 */
    border-bottom: none; /* 罫線 */
    margin-bottom: 20px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* テキスト領域 */
.faq_ansCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
}
/* 添付ファイル・追加フォーム領域 */
.faq_addition_col {
    padding: 5px 10px; /* 余白 */
    border: 1px dotted #999; /* 罫線 */
    background-color: #f7f7f7; /* 背景色 */
}
/* 添付ファイル・追加フォーム */
.faq_addition_list dt,
.faq_addition_col dd {
    float: left; /* 表示配置 */
}
/* 添付ファイル・追加フォームタイトル */
.faq_addition_list dt {
    margin-right: 5px; /* 周囲余白 */
}

/* 添付ファイル項目名 */
/* 横並び設定 */
.faq_attachment_file_list dd {
    display: inline;
    margin: 0 15px 0 0;
    float: none;
    word-break: keep-all;
}
/* 縦並び設定 */
/*
.faq_attachment_file_list dd {
    display:block;
    margin: 0;
    float:none;
    text-indent: 1em;
}
.faq_attachment_file_list dt {
    display:block;
    float:none;
}
*/

/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.okw_enquete_area{
    border: 4px solid #ffdab9;
    margin: 0 auto 30px;
    padding: 0 10px;
    width: 90%;
}
/* タイトル */
.questioner_ttl {
    font-size: 14px; /* 文字サイズ */
    padding: 10px 10px 3px; /* 余白 */
    text-align: left; /* テキスト配置 */
    font-weight: bold; /* 文字太さ */
    border-bottom:2px solid #ffa500; /* アンダーライン */
}
/* 内容領域 */
.questioner_col {
    text-align: center; /* テキスト配置 */
    padding: 10px; /* 余白 */
}
/* 選択肢領域 */
.faq_form_list {
    text-align:left;
    float:left;
    width:40%;
}
/* 選択肢 */
.faq_form_list li {
    display: block; /* 表示要素 */
}
/* テキストエリア領域 */
.questioner_txt_col{
    width:58%;
    margin:0 0 5px auto;
    text-align:left;
}
/* テキストエリア上メッセージ */
.questioner_sub_msg{
    font-size:80%;
}
/* テキストエリア */
.questioner_txt {
    background-color: #FCFCFC;
    border: 1px solid #AAAAAA; /* 罫線 */
    width: 100%; /* 幅 */
    height: 50px;
}
/* テキストエリア下メッセージ */
.questioner_description{
    font-size:70%;
    color:#666666;
}
/* ボタン領域 */
.questioner_submit_btn {
    width: 125px; /* 幅 */
    height: 30px; /* 高さ */
    margin: 0 auto; /* 周囲余白 */
    clear:both;
}
/* 送信ボタン */
.questioner_btn {
    font-weight: bold; /* 文字太さ */
    font-size: 14px; /* 文字サイズ */
    color: #000000; /* テキスト色 */
    background: transparent url("../images/front/btn_formoff.gif") no-repeat scroll left top; /* 背景 */
    width: 125px; /* 幅 */
    height: 30px; /* 高さ */
    border: 0; /* 罫線 */
}
/* 送信ボタン ホバー */
.questioner_btn:hover {
    background: transparent url("../images/front/btn_formon.gif") no-repeat scroll left top; /* 背景 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    color:#A0A0A0; /* 文字色 */
}

/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */
/* 領域 */
.faq_relate_list {
    margin: 5px 0 10px; /* 周囲余白 */
}
/* 1 行 */
.faq_relate_list li {
    background-attachment: scroll; /* 背景スクロール */
    background-image: url(/usr/file/attachment/marker_arrow.gif); /* 背景画像 */
    background-position: 10px 50%; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    padding: 5px 10px 5px 28px; /* 余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
	font-size:0.85em;
}
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #fff; /* 背景色 */
}
/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    margin-bottom: 4px; /* 周囲余白 */
    border-top: 1px dotted #333; /* 罫線 */
    width:99%; /* 幅 */
    overflow: hidden; /* 領域外表示 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #333; /* 罫線 */
    padding: 5px 10px; /* 余白 */
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #fff; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 5px 10px; /* 余白 */
	font-size:0.8em;
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #fff; /* 背景色 */
    padding: 5px 10px; /* 余白 */
	font-size:0.8em;
}
/* タイトル */
.search_qattl {
    font-weight: bold; /* 文字太さ */
    font-size: 14px; /* 文字サイズ */
    margin-bottom: 3px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー 領域 */
ul.search_dateNo {
    margin-left: 20px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー */
.search_dateNo li {
    font-size: 11px; /* 文字サイズ */
    margin: 0 10px 0 0px; /* 周囲余白 */
    display: inline; /* 表示要素 */
    color: #999; /* テキスト色 */
}
/* 検索結果文字 */
.search_word {
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    margin: 4px 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* ページング領域（下） */
.pg_col_down {
    margin: 0 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* 件数表示 */
.pg_no {
    margin-left: 10px; /* 左余白 */
    width: 30%; /* 幅 */
}
/* ------------------------------
     sort
------------------------------ */
/* 領域 */
.okw_sort {
    text-align: right; /* テキスト配置 */
    font-size: 12px; /* 文字サイズ */
    width: 30%; /* 幅 */
    margin-right: 10px; /* 周囲余白 */
}
/* 各リンク・現在地 */
.okw_sort a,
.okw_sort span {
    margin: 0 1px; /* 周囲余白 */
    padding-right: 5px; /* 余白 */
}
/* 現在地 */
.okw_sort span.okw_current {
    font-weight: bold; /* 文字太さ */
    padding-left: 12px; /* 余白 */
    background: transparent url(/usr/file/attachment/marker_down.gif) scroll no-repeat left center; /* 背景 */
}
/* 検索結果　キーワード順 */
.okw_sort_key_index0 {
    border-right: 1px solid #000000; /* 検索時のソート条件の区切り文字 */
}
/* ------------------------------
     top paging
------------------------------ */
/* 上部ページング */
.pg_scr {
    text-align: center; /* テキスト配置 */
    width: 35%; /* 幅 */
}
/* 上部ページング テキスト部 */
.pg_scr span {
    margin: 0 10px; /* 周囲余白 */
}
/* 上部ページング 無効 */
.pg_scr span.disabled {
    color: #ddd; /* テキスト色 */
}
/* ------------------------------
     foot paging
------------------------------ */
/* ページャー */
.pagination {
    margin: 0 auto; /* 周囲余白 */
    font-size: 11px; /* 文字サイズ */
    float: right; /* 表示配置 */
    white-space: nowrap; /* 要素内余白表示 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif; /* 文字フォント */
}
/* リンク・現在地 */
.pagination a,
.pagination span {
    margin: 0; /* 周囲余白 */
    padding: 3px 6px; /* 余白 */
}
/* 現在地 */
.pagination span.okw_current,
.pagination span.current {
    font-weight: bold; /* 文字太さ */
}
/* リンクなし */
.pagination span.disabled {
    color: #ddd; /* テキスト色 */
}
/* =======================================================
     info & news page
======================================================= */
/* 領域 */
.infonews_col {
    margin: 0 0 40px; /* 周囲余白 */
    padding: 5px 0 0; /* 余白 */
}
/* 投稿日時領域 */
.infonews_datetime {
    text-align: right; /* テキスト配置 */
}
/* 投稿日時 */
.infonews_date_no {
    margin-right: 5px; /* 周囲余白 */
}
/* タイトル領域 */
.infonewstitle_col{
    margin:0 0 10px; /* 周囲余白 */
}
/* タイトル領域 */
.infonews_ttl {
    background-color: #f5f5f5; /* 背景色 */
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    padding-left:10px; /* 余白 */
}
/* タイトル */
.infonews_ttl_bor {
    background-image: url("../images/front/icon_helpttl.jpg"); /* 背景画像 */
    background-position: left center; /* 背景画像位置 */
    display: inline-block; /* 表示要素 */
    padding-left: 10px; /* 余白 */
}
/* 本文 */
.infonews_txt {
    padding: 0 20px; /* 余白 */
}
/* =======================================================
     login page
======================================================= */
/* 領域 */
#login_col {
    width: 350px; /* 幅 */
    margin: 10px auto 30px; /* 周囲余白 */
    padding: 10px; /* 余白 */
    border: 1px solid #999; /* 罫線 */
}
/* タイトル */
#login_col h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}

/* PW再発行領域 */
#login_col .reissue_password {
    font-size: 100%; /* 文字サイズ */
    border-top: 1px solid #ccc; /* 罫線 */
    margin-top: 20px; /* 周囲余白 */
    padding:15px 5px 5px;
}
/* PW再発行リンク */
#login_col .reissue_password a {
    padding-left:16px;
    background: url("../images/back/click_here.gif") no-repeat scroll left top transparent ; /* 背景 */
}
/* PW再発行説明文 */
#login_col .reissue_password_description{
    color: #666666;
    font-size: 80%;
    padding-left:16px;
}

/* =======================================================
     reissue password page
======================================================= */
/* 領域 */
#reissue_password {
    width: 500px; /* 幅 */
    margin: 10px auto 30px; /* 周囲余白 */
    padding: 10px; /* 余白 */
    border: 1px solid #999; /* 罫線 */
}
/* タイトル */
#reissue_password h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}
/* PW再発行画面メッセージ */
#reissue_password .form_msg {
    font-size: 98%; /* 文字サイズ */
    margin: 14px 8px; /* 周囲余白 */
}
/* PW再発行フォーム(登録済みメールアドレス) */
#reissue_password .form_field {
    margin: 0 16px 14px; /* 周囲余白 */
}
/* 登録済みメールアドレス */
#reissue_password dt {
    width: 13em; /* 幅 */
}
/* 登録済みメールアドレス */
#reissue_password .mail_txt {
    width: 220px; /* 幅 */
}


/* サブタイトル */
.form_field dt {
    width: 5.5em; /* 幅 */
    float: left; /* 表示配置 */
    text-align: right;
    margin-right: 0;
}
/* テキストボックス・パスワードボックス */
.login_txt {
    width: 180px; /* 幅 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif; /* 文字フォント */
    margin: 0 0 10px 0; /* 周囲余白 */
}

/* パスワード変更 */
.password_change_account {
    margin: 0 0 8px 0; /* 周囲余白 */
}

/* ログインボタン */
#login_btn,
.update_button {
    background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top; /* 背景 */
    border: 0; /* 罫線 */
    width: 95px; /* 幅 */
    height: 25px; /* 高さ */
    margin: 0 auto; /* 周囲余白 */
    display: block; /* 表示要素 */
    font-weight: bold; /* 文字太さ */
    color: #090; /* テキスト色 */
    font-size: 14px;
}
/* ログインボタン ホバー */
#login_btn:hover,
.update_button:hover {
    background: transparent url("../images/front/loginbtnon.gif") no-repeat scroll left top; /* 背景 */
}

/* ログインボタン */
#login_btn,
.mail_input_button {
    background: transparent url(/usr/file/attachment/loginbtnoff.gif) no-repeat scroll left top; /* 背景 */
    border: 0; /* 罫線 */
    width: 95px; /* 幅 */
    height: 25px; /* 高さ */
    margin: 0 auto; /* 周囲余白 */
    font-weight: bold; /* 文字太さ */
    color: #E48020; /* テキスト色 */
    font-size: 12px;
}
/* ログインボタン ホバー */
#login_btn:hover,
.mail_input_button:hover {
    background: transparent url(/usr/file/attachment/loginbtnon.gif) no-repeat scroll left top; /* 背景 */
	color:#E99A4B;
}

.mail_input_block {
    text-align: center;
}

/* ------------------------------
     login err
------------------------------ */
.login_error_txt {
    color: #F00; /* テキスト色 */
    text-align: center; /* テキスト配置 */
    font-weight: bold;
}
/* =======================================================
     password change page
======================================================= */
/* ------------------------------
     password change
------------------------------ */
/* タイトルメッセージ */
.pass_msg {
    color: #F00; /* テキスト色 */
    text-align: center; /* テキスト配置 */
    font-weight: bold;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
    width: 350px;
}
/* パスワードエラー領域 */
.pass_error {
    width: 350px;
    padding: 0 10px;
    margin: 0 auto;
}
/* パスワードエラー */
.pass_error li {
    list-style:  disc inside none;
    font-size: 90%;
    color: #F00;
    margin:0 0 0 10px;
}
/* パスワード変更フォーム */
.form_pass dt {
    width: 8.0em;
}
/* =======================================================
     err page
======================================================= */
/* 背景 */
#error_bg {
    background-color: #e6f5ff; /* 背景色 */
}
/* 表示領域 */
#error_wrapper {
    margin: 80px auto; /* 周囲余白 */
    width: 550px; /* 幅 */
    padding: 22px 0 0; /* 余白 */
    background: #fff url("../images/front/errortop.gif") no-repeat scroll left top; /* 背景 */
}
/* タイトル */
#error_wrapper h2 {
    font-size: 24px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px dotted #a2d9ff; /* 罫線 */
    margin: 0 30px 5px; /* 周囲余白 */
}
/* テキスト */
#error_wrapper p {
    margin: 0 30px 4px; /* 周囲余白 */
    font-size: 15px; /* 文字サイズ */
}
/* エラーコード */
.error_code {
    text-align: right; /* テキスト配置 */
    color: #999; /* テキスト色 */
}
/* ボタン */
.error_btm {
    background: #fff url("../images/front/errorbtm.gif") no-repeat scroll left bottom ; /* 背景 */
    width: 550px; /* 幅 */
    height: 22px; /* 高さ */
}
/* =======================================================
     clearfix
======================================================= */
.clearfix:after {
    visibility: hidden;
    display: block; /* 表示要素 */
    font-size: 0; /* 文字サイズ */
    content: " ";
    clear: both; /* 回りこみ */
    height: 0; /* 高さ */
}
* html .clearfix {
    zoom: 1; /* IE6 */
}
*:first-child+html .clearfix {
    zoom: 1; /* IE7 */
}


/* =======================================================
    helpdesk table
======================================================= */

/* 全体外枠 */
.okw_hdq_contents{
    margin: 0 ; /* 周囲余白 */
}

/* お問い合わせフォームエリア */
.okw_hdq_form_area {
    width: auto;
}

/* お問い合わせ入力 */
.icoHdquestion {
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    padding: 6px 0 0 35px;
}

.icoHdquestion {
    background: none;
    padding: 2px 0 0 10px;
	height:22px;
}

.hd_question_form{
    margin:20px auto 0;
    width:800px;
}

/* お問い合わせ完了テーブル */
.hdq_finish_msg_area{
    background-color: #FDF5DF; /* 背景色 */
    border: 1px dotted #E48020; /* テキスト色 */
    width: 75%; /* 幅 */
    margin: 30px auto; /* 周囲余白 */
}

.HDcontents_table {
    border-left: 1px solid #E48020;
    border-right: 1px solid #E48020;
	font-size:0.9em;
}

.HDcontent{
    border-bottom: 1px solid #E48020;
    color: #333333;
    min-height: 26px;
    overflow: hidden;
}

.HDcontent dl{
}

.HDcolumn_left{
    float:left;
    background-color: #FDF5DF;
    border-right: 1px dotted #E48020;
    width: 200px;
    padding:5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.HDcolumn_right{
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    overflow: hidden;
    width: 580px;
}
.HDcolumn_right input{
}
.HDcolumn_right textarea{
    width: 575px;
    height: 200px;
}

.commit_button_block {
    background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}

.hdq_confirm_btn_c{
    overflow:visible;
}

.incident_closed_msg {
    margin: 10px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: #DC143C;
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */

/* 注記 (*印) */
.presence {
    color: #dc143c; /* 色 */
    padding: 3px; /* 余白 */
}


/* ヘルプデスク補足質問　内容参照テーブルの下線 */
.hdcontents_bor {
    border-bottom: 1px solid #DCDCDC; /* 罫線色 */
}

/* 注釈 "* は必ず入力してください" */
.help_attention {
    float: none;
    text-align:right;
    font-size: 14px;/* フォントサイズ */
    margin:0;/* 周囲余白 */
}

/* 入力、確認フォーム 1行 */
.content  {
    border-left: 1px solid #DCDCDC; /* 罫線色 */
    border-right: 1px solid #DCDCDC; /* 罫線色 */
    border-top: 1px solid #DCDCDC; /* 罫線色 */
    margin: 0 auto; /* 領域外表示 */
    min-height: 26px; /* 最小の高さ */
    overflow: hidden; /* 領域外表示 */
    width: 800px; /* 横幅 */
}

/* 1行 IE用 */
* html .content,
* +html .content{
    float:left
}

/* お問い合わせ確認画面 タイトル */
.column_ttl {
    background-color:#FDF5DF; /* 背景色 */
    padding:5px;  /* 余白 */
    color:#333333;
    font-weight:bold; /* 太字 */
    border: 1px solid #E48020;
}
/* 補足質問入力画面　タイトル */
ul.contents_table li.content div.column_ttl{
    border:none;
}
/* スーパーアシスタント部分メッセージ */
.super_assistant_msg{
    text-align: center;
}
/* 入力用のフォント */
textarea,input {
    font-family: 'ＭＳ ゴシック', sans-serif; /* フォント */
}

/* 入力用のサイズ */
input, select, option, textarea {
    font-size: 100%; /* フォントサイズ */
}

/* 入力、確認フォームの右列の横幅 */
.column_form {
    width: 579px; /* 横幅 */
}

/* 列の左側 */
.column_head {
    background-color: #F9F9F9; /* 背景色 */
    border-right: 1px dotted #DCDCDC; /* 罫線色 */
    text-align: right; /* 右寄せ */
    width: 200px; /* 幅 */
}

/* 確認フォーム　右列 */
.column_head h3 {
    display: inline; /* 表示要素 */
}

/* 1カラム */
.column_0,
.column_end {
    float: left; /* 表示配置 */
    padding-bottom: 32768px; /* 余白 */
    margin-bottom: -32763px; /* 余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap:break-word; /* 改行指定 */
    padding-top: 5px; /* 余白 */
    padding-left: 5px; /* 余白 */
    padding-right: 5px; /* 余白 */
    border-right: 1px solid #dcdcdc; /* 罫線色 */
}

/* 右カラム */
.column_end {
    border-right: medium none;
    margin-right: 0;
}

/* 入力、確認画面ボタン上の注釈 */
.input_note {
    color: #444444; /* テキスト色 */
    font-size: 80%; /* フォントサイズ */
}


/* お問い合わせ完了画面テキスト */
.hdq_finish_msg_text {
    margin: 40px; /* 余白 */
}

/* 完了画面マーク */
.hdq_finish_msg_mark {
    background:url(../images/front/icon_helpinfo.gif) no-repeat; /* 背景画像 */
    background-position:left center; /* 背景配置 */
    padding-left:26px; /* 余白 */
    font-size: 120%; /* フォントサイズ */
    font-weight: bold; /* 太字 */
}

/* 添付ファイルフォーム */
.frame {
    width: 540px;
    height: 44px;
}

/* ===========================================================
　　　helpdesk common button
============================================================== */
/* ボタンエリア */
.commit_button_block  {
    background: none #FCE8A9;
    border-left: 1px solid #E48020;
    border-right: 1px solid #E48020;
    border-bottom: 1px solid #E48020;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}
/* 入力、確認ボタン 領域*/
.hdq_confirm_btn  {
    margin: 8px 0 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}

/* 入力、確認ボタン 領域 IE 用*/
* html .hdq_confirm_btn,
* +html .hdq_confirm_btn {
    display:inline; /* 表示要素 */
    zoom:1; /* 拡大 */
}

/* 完了画面ボタン 領域　*/
.hdq_confirm_btn_s  {
    margin: 8px 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}

/* 完了画面ボタン 領域　IE用*/
* html .hdq_confirm_btn_s,
* +html .hdq_confirm_btn_s {
    display:inline; /* 表示要素 */
    zoom:1; /* 拡大 */
}

/* ボタン左側画像（角丸） */
.hdq_confirm_btn_l {
    background:url(../images/front/bg_btn01_l.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /*　表示配置 */
}

/* ボタン中央部 */
.hdq_confirm_btn_c {
    background:url(../images/front/bg_btn01_c.jpg); /* 背景画像 */
    height:40px; /* 高さ */
    padding:0 20px; /* 余白 */
    float:left; /* 表示配置 */
    border: 0 none; /* 罫線無 */
    color: #555555; /* テキスト色 */
    font-size: 14px; /* フォントサイズ */
    font-weight: bold; /* 太字 */
    cursor:pointer; /* マウスカーソル */
    overflow:visible;
}
/* リンクでボタン中央部 */
.hdq_confirm_btn_c a{
    padding-top: 10px;
    display:block;
    color: #333333;
}
.hdq_confirm_btn_c a:hover {
    text-decoration: none;
    color: #333333;
}

.hdq_confirm_btn_c a {
    padding:10px 20px; /* 余白 */
    float:left; /* 表示配置 */
    color: #333333; /* テキスト色 */
    text-decoration:none;
}

/* ボタン右側画像（角丸） */
.hdq_confirm_btn_r {
    background:url(../images/front/bg_btn01_r.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /* 表示配置 */
}

#sa_button {
    margin: 2px 5px 0 0;
    float: right;
    width: 4.5em;
}
/* スーパーアシスタント開くリンク領域 */
#sa_button #sa_open {
    background: url(/usr/file/attachment/btn_open.gif) no-repeat;
    padding-left: 17px;
    vertical-align: text-bottom;
    background-position: left center;
    color: #FFFFFF;
}

/* スーパーアシスタント閉じるリンク領域 */
#sa_button #sa_close {
    background: url(/usr/file/attachment/btn_close.gif) no-repeat;
    padding-left: 17px;
    vertical-align: text-bottom;
    background-position: left center;
    color: #FFFFFF;
}

/* スーパーアシスタント */
.kanshinqa {
    background: none;
    float: left;
	padding:2px 0 0 10px;
}

/* ヘルプデスクお問い合わせ */
.hdquestion_col {
    margin: 0 0 10px;
}
.kanshin_qabox {
    padding: 10px 10px 0;
}

/* スーパーアシスタント一覧外枠 */
.kanshin_qa{
    border: #CCCCCC 2px solid;
    margin: -2px 0px 0px 0px;
}

/* スーパーアシスタント一覧 */
.kanshin_qabox ul.search_list,
.kanshin_qabox ul.search_list li:last-child {
    border: none; /* 境界線除去 */
}

/* 確認画面の戻るリンク */
.button_to_link {
    cursor: pointer; /* マウスカーソル */
    border: none; /* 罫線なし */
    color: #036; /* テキスト色 */
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: 2px 50%; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    height: 16px; /* 高さ */
    padding-left: 18px; /* 余白 */
    overflow: visible; /* 領域外表示 */
    font-size: 12px; /* フォントサイズ */
}

/* 確認画面の戻るリンク・ホバー */
.button_to_link:hover {
    color: #ee276A; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}


/* ===========================================================
　　　helpdesk error
============================================================== */

/* エラーエッセージ背景テーブル　*/
.err_msg {
    color: #dc143c; /* テキスト色 */
    border: 1px solid #CCCCCC; /* 罫線 */
    background: #ededed url("../images/back/warning.gif") no-repeat 3% 50%; /* 背景画像 */
    width: auto; /* 横幅 */
}
/* エラー文言 */
.err_msg dd {
    margin-left: 10px; /* 余白 */
    display: list-item; /* 表示要素 */
    list-style: disc inside none; /* リスト形式 */
    color: #dc143c; /* テキスト色 */
}
/* エラー ラベル */
.fieldWithErrors label {
    color: #dc143c; /* テキスト色 */
}

/* エラーが出たときのフォームの枠線 */
.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select {
    border: 1px solid #DC143C; /* 罫線 */
}

/* エラー文言 */
.fieldErrorMessage {
    color: #DC143C;
}

/* IE 用 */
* html .colmn_form .fieldWithErrors,
* +html .colmn_form .fieldWithErrors {
    border: 1px solid #dc143c; /* 罫線 */
}
* html .colmn_form_2 .fieldWithErrors,
* +html .colmn_form_2 .fieldWithErrors {
    border: 1px solid #dc143c; /* 罫線 */
}

/* エラーメッセージ　コメント */
.err_msg,
.comment_msg {
    display: block; /* 表示要素 */
    margin: 0px 0px 20px 0px; /* 余白 */
    padding: 10px 10px 10px 60px; /* 余白 */
}

/* エラー・コメントタイトル */
.err_msg dt,
.comment_msg dt {
    color: #DC143C; /* テキスト色 */
    font-weight: bold; /* 太字 */
    margin-bottom: 5px; /* 余白 */
}
/* ヘルプデスク投稿フォームIE6対応 */
.hdq_confirm_btn,
.hdq_confirm_btn_s{
    *display: inline;
    *zoom: 1;
}
.preLink a{
    height:auto;
}
.preLink {
    background-position:left center;
}
/* カテゴリー一覧IE6対応 */
.cateList_area ul li{
    _padding:0!important;
    _margin:0!important;
}


/* for IE6 一覧画面ソート条件横並び化*/
.pg_no,
.pg_scr,
.okw_sort{
    overflow: hidden;
}

/* for IE6 各項目はみ出し対策 */
* html .okw_parts_info_and_news{
    overflow:hidden;
}

/* 内容参照画面をIE9相当表示に調整 */
#faq_question_contents a,#faq_answer_contents a,#info_news_contents a{
    color: #06C;
    text-decoration: underline;
}
#faq_question_contents a:visited,#faq_answer_contents a:visited,#info_news_contents a:visited{
    color: #800080;
}
#faq_question_contents blockquote,#faq_answer_contents blockquote,#info_news_contents blockquote{
    display: block;
    margin: 1em 40px;
}
#faq_question_contents code,#faq_answer_contents code,#info_news_contents code{
    font-family: monospace;
    font-size: 10pt;
}
#faq_question_contents dd,#faq_answer_contents dd,#info_news_contents dd{
    display: block;
    margin: 0 0 0 40px;
}
#faq_question_contents div,#faq_answer_contents div,#info_news_contents div{
    display: block;
}
#faq_question_contents dl,#faq_answer_contents dl,#info_news_contents dl{
    display: block;
    margin: 1em 0;
}
#faq_question_contents dt,#faq_answer_contents dt,#info_news_contents dt{
    display: block;
}
#faq_question_contents em,#faq_answer_contents em,#info_news_contents em{
    font-style: italic;
}
#faq_question_contents fieldset,#faq_answer_contents fieldset,#info_news_contents fieldset{
    border-style: groove;
    border-width: 2px;
    display: block;
    margin: 0 2px;
    padding: 0 2px 3px;
    zoom: 1;
}
#faq_question_contents h1,#faq_answer_contents h1,#info_news_contents h1{
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h2,#faq_answer_contents h2,#info_news_contents h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    page-break-after: avoid;
}
#faq_question_contents h3,#faq_answer_contents h3,#info_news_contents h3{
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    page-break-after: avoid;
}
#faq_question_contents h4,#faq_answer_contents h4,#info_news_contents h4{
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    page-break-after: avoid;
}
#faq_question_contents h5,#faq_answer_contents h5,#info_news_contents h5{
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h6,#faq_answer_contents h6,#info_news_contents h6{
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    page-break-after: avoid;
}
#faq_question_contents legend,#faq_answer_contents legend,#info_news_contents legend{
    padding: 0 2px;
    zoom: 1;
}
#faq_question_contents li,#faq_answer_contents li,#info_news_contents li{
    display: list-item;
}
#faq_question_contents ol,#faq_answer_contents ol,#info_news_contents ol{
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}
#faq_question_contents p,#faq_answer_contents p,#info_news_contents p{
    display: block;
    margin: 1em 0;
}
#faq_question_contents pre,#faq_answer_contents pre,#info_news_contents pre{
    display: block;
    font-family: monospace;
    font-size: 10pt;
    margin: 1em 0;
    white-space: pre;
}
#faq_question_contents table,#faq_answer_contents table,#info_news_contents table{
    border-color: #F0F0F0;
    border-spacing: 2px 2px;
    box-sizing: border-box;
    display: table;
    zoom: 1;
}
#faq_question_contents tbody,#faq_answer_contents tbody,#info_news_contents tbody{
    box-sizing: border-box;
    display: table-row-group;
    vertical-align: middle;
}
#faq_question_contents td,#faq_answer_contents td,#info_news_contents td{
    display: table-cell;
    padding: 1px;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents th,#faq_answer_contents th,#info_news_contents th{
    display: table-cell;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents thead,#faq_answer_contents thead,#info_news_contents thead{
    box-sizing: border-box;
    display: table-header-group;
    vertical-align: middle;
}
#faq_question_contents tr,#faq_answer_contents tr,#info_news_contents tr{
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents ul,#faq_answer_contents ul,#info_news_contents ul{
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}
#faq_question_contents ul li,#faq_answer_contents ul li,#info_news_contents ul li{
    list-style-type: disc;
}
#faq_question_contents ol li,#faq_answer_contents ol li,#info_news_contents ol li{
    list-style-type: decimal;
}

/* ===========================================================
　　　market_enquete
============================================================== */

/* 補足質問　マーケットアンケートリンク */
.mrktenqt_link{
    border:1px solid #DCDCDC;
    background:#f0f0f0;
    margin:10px 0px;
    padding:10px 0px 5px;
    text-align: center;
    font-weight: bold;
}

/* マーケットアンケート　説明個所 */
.mrktenqt_expln{
    border:1px solid #dcdcdc;
    background: #f9f9f9;
    padding:5px;
    margin:10px 0px;
}

.okw_mrktenqt_contents{
    margin: 0 ; /* 周囲余白 */
}

.okw_mrktenqt_contents .me_contents_table{
    border-top: 1px solid #DCDCDC;
}

/* アンケートフォームエリア */
.okw_enq_form_area {
    width: auto;
}

/* アンケート入力 */
.icoMenquete {
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    padding: 6px 0 0 35px;
}

.icoMenquete {
    background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
    padding-left: 10px;
}

.icoMenquete {
    background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
    padding-left: 10px;
}

.me_question_form{
    margin:20px auto 0;
    width:800px;
}

/* アンケート完了テーブル */
.me_finish_msg_area{
    background-color: #F9F9F9; /* 背景色 */
    border: 1px dotted #DCDCDC; /* テキスト色 */
    width: 75%; /* 幅 */
    margin: 30px auto; /* 周囲余白 */
}

.me_contents_table {
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}

.me_content{
    border-bottom: 1px solid #DCDCDC;
    color: #333333;
    min-height: 26px;
    overflow: hidden;
}

.me_column_left{
    float:left;
    background-color: #F9F9F9;
    border-right: 1px dotted #DCDCDC;
    width: 200px;
    padding:5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.me_column_right{
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    overflow: hidden;
    width: 580px;
}

.me_column_right textarea{
    width: 575px;
    height: 200px;
}

.me_commit_button_block{
    background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}

.me_confirm_btn_c{
    overflow:visible;
}

/* =======================================================
      market_enquete フォーム関連
======================================================= */

/* 注記 (*印) */
.me_presence {
    color: #dc143c; /* 色 */
    padding: 3px; /* 余白 */
}

/* アンケート完了画面テキスト */
.me_finish_msg_text {
    margin: 40px; /* 余白 */
}

/* 完了画面マーク */
.me_finish_msg_mark {
    background:url(../images/front/icon_helpinfo.gif) no-repeat; /* 背景画像 */
    background-position:left center; /* 背景配置 */
    padding-left:26px; /* 余白 */
    font-size: 120%; /* フォントサイズ */
    font-weight: bold; /* 太字 */
}

/* アンケート送信完了画面 余白調節 */
.me_finish_msg_mark{
    margin-bottom: 10px;
}

/* ===========================================================
　　　market_enquete common button
============================================================== */
/* ボタンエリア */
.me_commit_button_block  {
    background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}

/* 入力、確認ボタン 領域*/
.me_confirm_btn  {
    margin: 8px 0 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}

/* 入力、確認ボタン 領域 IE 用*/
* html .me_confirm_btn,
* +html .me_confirm_btn {
    display:inline; /* 表示要素 */
    zoom:1; /* 拡大 */
}

/* 完了画面ボタン 領域　*/
.me_confirm_btn_s  {
    margin: 8px 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}

/* 完了画面ボタン 領域　IE用*/
* html .me_confirm_btn_s,
* +html .me_confirm_btn_s {
    display:inline; /* 表示要素 */
    zoom:1; /* 拡大 */
}

/* ボタン左側画像（角丸） */
.me_confirm_btn_l {
    background:url(../images/front/bg_btn01_l.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /*　表示配置 */
}

/* ボタン中央部 */
.me_confirm_btn_c {
    background:url(../images/front/bg_btn01_c.jpg); /* 背景画像 */
    height:40px; /* 高さ */
    padding:0 20px; /* 余白 */
    float:left; /* 表示配置 */
    border: 0 none; /* 罫線無 */
    color: #555555; /* テキスト色 */
    font-size: 14px; /* フォントサイズ */
    font-weight: bold; /* 太字 */
    cursor:pointer; /* マウスカーソル */
    overflow:visible;
}
/* リンクでボタン中央部 */
.me_confirm_btn_c a{
    padding-top: 10px;
    display:block;
    color: #555555;
}
.me_confirm_btn_c a:hover {
    text-decoration: none;
    color: #555555;
}

.me_confirm_btn_c a {
    padding:10px 20px; /* 余白 */
    float:left; /* 表示配置 */
    color: #555555; /* テキスト色 */
    text-decoration:none;
}

/* ボタン右側画像（角丸） */
.me_confirm_btn_r {
    background:url(../images/front/bg_btn01_r.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /* 表示配置 */
}
/* 投稿フォームIE6対応 */
.me_confirm_btn,
.me_confirm_btn_s{
    *display: inline;
    *zoom: 1;
}
/* shimizu style */
.header { width:945px; margin:25px auto 0;}
.okw_parts_category .cateList_box, .okw_parts_sub_category .cateList_box { margin: 10px 0 10px 0;}
.okw_parts_login .ttl_col { background:none; height:32px; padding:0;}
.okw_parts_login .ttl_bg {background: url(/usr/file/attachment/bg_cate_top.jpg) repeat-x left top transparent; border:1px solid #E48020; color: #E58020; display: block; font-weight: bold; padding:0 0 0 10px; margin:0px; width: 228px; height:32px; font-size: 12px;}
.okw_parts_login .ttl_bg .icoInf { background-image: none; display: inline-block; height: 24px; padding: 6px 0 0;}
#category_index #okw_contents_inner,
#faq_show #okw_contents_inner,
#category_show #okw_contents_inner,
#category_search #okw_contents_inner {background: url(/usr/file/attachment/bg_r_or.gif) repeat-y scroll left top;}
.kanshin_qa .commit_button_block { border:none;}
/* .footer { width:945px; margin:15px auto 10px; overflow:hidden; position:relative;}
.footer ul { position:relative; left:50%; float:left;}
.footer ul li { padding:0 15px; float:left; position:relative; left:-50%;}
.footer ul li.listlast { border-right:1px solid #CCCCCC;}
.footer ul li a { font-size:12px; color:#666666; display:block;} */

#faq_show
.okw_main_faq {
    color: #222;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; /* 文字フォント */
    font-size: 12px; /* 文字サイズ */
}
#okw_contents {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* お問い合わせNO非表示 */
.hdq_finish_msg_mark {
    display: none;
}

/* TOPページカテゴリ表示 */
#category_index .cate_middle { display:none;}
#category_index .cateList_box { margin:10px 0 20px;}

.search_word {color:red;}


.search_word {
    background-color: yellow;
}

.a-txt {
    background-color: #FFFFFF;
    border-color: #999999;
    color: #000000;
    font-size: 100%;
    font-weight: normal;
    margin: auto;
    padding: 10px;
    width: 500px;
}

.cateSepa{
    margin-right: 7px;
}

/* カスタマイズ */
.a_contents .attribute {
    background-color: #FFFFFF;
    border: 0 solid #A8DCFB;
}

#attribute__18 {
display:none;
}

.hdcontents_box li {
    padding-bottom: 10px;
}

.okw_parts_end_user_login .form_field .login_txt{
    font-size: 83%;
}
noscript .presence {
    margin: 0 auto 0;;
}
#info_and_news_list .datetime {
    display: none;
}

.newsList{
margin:5px 1px 0;
}
.englink {
    margin-bottom: 14px;
    margin-right: 6px;
    margin-top: -38px;
}

@charset 'utf-8';
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/* ----------------------------------------------------------------
    Normalize
----------------------------------------------------------------- */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template, [hidden] {
  display: none;
}

a {
  background-color: transparent;

  -webkit-text-decoration-skip: objects;
}
a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 100%;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, monospace;
}

figure {
  margin: 1em 40px;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

button, input, select, textarea {
  margin: 0;
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

legend {
  display: table;
  box-sizing: border-box;
  padding: 0;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type='checkbox'], [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  outline-offset: -2px;

  -webkit-appearance: textfield;
}

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

::-webkit-file-upload-button {
  font: inherit;

  -webkit-appearance: button;
}

:root {
  font-size: 62.5%;
}

html, body, h1, h2, h3, h4, h5, h6, li {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  font-size: 1.4em;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  line-height: 1.5;
}

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

a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: #06c;
  text-decoration: none;
}
a img:not([class*='icon-']) {
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a:hover, a:active, a:focus {
  color: #06c;
  text-decoration: underline;
}
a:hover img:not([class*='icon-']), a:active img:not([class*='icon-']), a:focus img:not([class*='icon-']) {
  opacity: .7;
}

button {
  cursor: pointer;
}

em {
  color: #333;
  font-weight: bold;
  font-style: normal;
}

strong {
  /* color: #d22626; */
  font-weight: bold;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

hr {
  display: none;
}

p, ul, ol, dl {
  margin: 0 0 20px;
  padding: 0;
}

ul > :last-child, ol > :last-child, dl > :last-child {
  margin-bottom: 0;
}

dd {
  margin: 0;
}

table {
  border-collapse: collapse;
}

blockquote {
  margin: 0;
}

iframe {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
}

input[type='text'], input[type='search'], input[type='password'] {
  border-radius: 0 !important;

  -webkit-appearance: none;
}

dfn {
  font-style: normal;
}

/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */
.header-inner::after, .header-link-list::after, .header-btn-list::after, .header-nav-inner::after, .footer-inner::after, .footer-link-list::after {
  display: block;
  clear: both;
  content: '';
}

/* ----------------------------------------------------------------
    pseudo element
----------------------------------------------------------------- */
/* block
----------------------------------------------- */
.header-link-list li::before, .header-btn-list li a::before, .header-btn-list li.btn-myhulft a::after, .header-menu-btn button::before, .header-menu-btn button::after, .header-menu-btn .header-menu-btn-inner::before, .header-nav-inner > ul::after, .header-nav-inner > ul > li span::before, .footer-link-list li::before, .footer-link-list li::after {
  display: block;
  content: '';
}

/* ----------------------------------------------------------------
    sprite-image load
----------------------------------------------------------------- */
.header-btn-list li.btn-myhulft a::after {
  background-image: url(/application/themes/hulfttechsupport/images/icon/sprite.png);
}

/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */
/* .header
----------------------------------------------- */
.header {
  position: relative;
  padding: 19px 0 58px;
  margin:0;
}

/* .header-inner
----------------------------------------------- */
.header-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 900px;
  text-align: left;
}
.header-inner > :last-child {
  margin-bottom: 0;
}

/* .header-logo
----------------------------------------------- */
.header-logo {
  position: relative;
  display: inline-block;
  float: left;
  width: 429px;
  font-size: 12px;
  line-height: 1;
}
.header-logo span {
  display: block;
  margin: 0 0 12px;
  color: #333;
  font-weight: normal;
  font-size: 1.3rem;
}
:lang(en) .header-logo, :lang(zh) .header-logo {
  padding-top: 20px;
}

/* .header-utility
----------------------------------------------- */
.header-utility {
  float: right;
  margin: 0 0 15px;
}
.header-utility > :last-child {
  margin-bottom: 0;
}

/* .header-link-list
----------------------------------------------- */
.header-link-list li {
  position: relative;
  float: left;
  margin: 0 13px 0 0;
  padding: 0 0 0 15px;
  font-size: 1.2rem;
}
.header-link-list li::before {
  position: absolute;
  top: 5px;
  left: -3px;
  width: 6px;
  height: 6px;
  border: 1px solid #ec6c00;
  border-bottom: transparent;
  border-left: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-link-list li a {
  color: #ec6c00;
}
.header-link-list li:last-child {
  margin-right: 0;
}

/* .header-utility-02
----------------------------------------------- */
.header-utility-02 {
  float: right;
  clear: both;
  margin: -27px 0 0;
}
.header-utility-02 > :last-child {
  margin-bottom: 0;
}

/* .header-btn-list
----------------------------------------------- */
.header-btn-list li {
  float: left;
  margin: 0 12px 0 0;
}
.header-btn-list li a {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 1px 8px 1px 22px;
  min-width: 171px;
  border: 2px solid #555;
  background: #fff;
  color: #ec6c00;
  text-align: center;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
}
.header-btn-list li a::before {
  position: absolute;
  top: 8px;
  left: 5px;
  width: 6px;
  height: 6px;
  border: 1px solid #ec6c00;
  border-bottom: transparent;
  border-left: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-btn-list li a:hover, .header-btn-list li a:active, .header-btn-list li a:focus {
  border-color: #ec6c00;
  text-decoration: none;
}
.header-btn-list li.btn-myhulft a::after {
  position: absolute;
  top: 50%;
  left: 10px;
  margin: -10px 0 0;
  width: 19px;
  height: 19px;
  background-position: -24px 0;
  background-size: 43px auto;
  opacity: 0;
}
.header-btn-list li:last-child {
  margin-right: 0;
}

/* ----------------------------------------------------------------
    Header Menu
----------------------------------------------------------------- */
/* .header-menu-btn
----------------------------------------------- */
.header-menu-btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
  line-height: 1;
}
.header-menu-btn button {
  position: relative;
  overflow: hidden;
  width: 22px;
  height: 20px;
  border: 0;
  background: transparent;
}
.header-menu-btn button::before, .header-menu-btn button::after {
  position: absolute;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 4px;
  border-radius: 3px;
  background: #ec6c00;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}
.header-menu-btn button::before {
  top: 0;
}
.header-menu-btn button::after {
  top: 16px;
}
.header-menu-btn .header-menu-btn-inner {
  position: relative;
  display: block;
  color: transparent;
}
.header-menu-btn .header-menu-btn-inner::before {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 4px;
  border-radius: 3px;
  background: #ec6c00;
}
.header-menu-btn .header-menu-btn-state {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}
.is-expand .header-menu-btn button::before {
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.is-expand .header-menu-btn button::after {
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.is-expand .header-menu-btn .header-menu-btn-inner::before {
  opacity: 0;
}


/* ----------------------------------------------------------------
    Header Navigation
----------------------------------------------------------------- */
/* .header-nav
----------------------------------------------- */
.header-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background: #ec6c00;
}
.header-nav > :last-child {
  margin-bottom: 0;
}

/* .header-nav-inner
----------------------------------------------- */
.header-nav-inner {
  margin: 0 auto;
  max-width: 900px;
}
.header-nav-inner > :last-child {
  margin-bottom: 0;
}
.header-nav-inner > ul {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.header-nav-inner > ul::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #ff8d2e;
  background-image: linear-gradient(to right,#ff8d2e 0%, #ff8d2e 50%, #cd5d00 50%, #cd5d00 100%);
}
.header-nav-inner > ul > li {
  display: table-cell;
  width: 100%;
}
.header-nav-inner > ul > li span {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 12px 10px 11px;
  background: #757575;
  color: #fff;
  text-align: center;
}
.header-nav-inner > ul > li span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #979797;
  background-image: linear-gradient(to right,#979797 0%, #979797 50%, #5b5b5b 50%, #5b5b5b 100%);
}
.header-nav-inner > ul > li a {
  display: block;
}
.header-nav-inner > ul > li a span {
  background: #ec6c00;
  transition: all .5s cubic-bezier(.23, 1, .32, 1);
}
.header-nav-inner > ul > li a span::before {
  background-color: #ff8d2e;
  background-image: linear-gradient(to right,#ff8d2e 0%, #ff8d2e 50%, #cd5d00 50%, #cd5d00 100%);
}
.header-nav-inner > ul > li a span::after {
  position: absolute;
  top: 50%;
  right: 17px;
  display: none;
  margin: -5px 0 0;
  width: 6px;
  height: 6px;
  border: 1px solid #ec6c00;
  border-bottom: transparent;
  border-left: transparent;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header-nav-inner > ul > li a:hover, .header-nav-inner > ul > li a:active, .header-nav-inner > ul > li a:focus {
  text-decoration: none;
}
.header-nav-inner > ul > li a:hover span, .header-nav-inner > ul > li a:active span, .header-nav-inner > ul > li a:focus span {
  background: #ee8731;
  text-decoration: none;
}
.header-nav-inner > ul > li.is-current a span {
  background: #ee8731;
}

/* ----------------------------------------------------------------
    Footer
----------------------------------------------------------------- */
/* .footer
----------------------------------------------- */
.footer {
  padding: 25px 0 13px;
  background: #d7d9d9;
}

/* .footer-inner
----------------------------------------------- */
.footer-inner {
  margin: 0 auto;
  max-width: 900px;
  text-align: left;
}
.footer-inner > :last-child {
  margin-bottom: 0;
}

/* .footer-link-list
----------------------------------------------- */
.footer-link-list {
  position: relative;
  margin: 0 0 3px;
  text-align: center;
  letter-spacing: -.4em;
  font-size: 1.2rem;
}
.footer-link-list li {
  position: relative;
  display: inline-block;
  margin: 0 1px;
  padding: 0 10px;
  letter-spacing: normal;
}
.footer-link-list li::before, .footer-link-list li::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #c0c0c0;
}
.footer-link-list li::before {
  left: 0;
}
.footer-link-list li::after {
  right: 0;
}
.footer-link-list li a {
  text-decoration: underline;
}
.footer-link-list li a:hover, .footer-link-list li a:active, .footer-link-list li a:focus {
  text-decoration: none;
}

/* .footer-copyright
----------------------------------------------- */
.footer-copyright {
  color: #333;
  text-align: center;
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------
    Icons
----------------------------------------------------------------- */
/* .icon-blank
----------------------------------------------- */
.icon-blank {
  position: relative;
  top: -5px;
  margin: 0 4px 0 2px;
}
.footer-link-list .icon-blank {
  top: -3px;
}

/* ----------------------------------------------------------------
    Function (JavaScript)
----------------------------------------------------------------- */
/* .fn-toggle-menu
----------------------------------------------- */
.fn-toggle-menu .fn-toggle-menu-hook {
  display: none;
  overflow: hidden;
}
.fn-toggle-menu .fn-toggle-menu-content {
  display: block;
  overflow: visible;
}

/* JavaScript Off
----------------------------------------------- */
.no-js .fn-toggle-menu .fn-toggle-menu-hook, .no-js .fn-toggle-menu .fn-toggle-content {
  display: none;
}

/* ----------------------------------------------------------------
    Overlay
----------------------------------------------------------------- */
/* .overlay
----------------------------------------------- */
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
  background: rgba(0, 0, 0, .2);
}
.overlay.is-overlay-animate {
  display: block;
  opacity: 0;
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}
.overlay.is-overlay-render {
  display: block;
  opacity: 1;
}