@charset "utf-8";
/* 共通 */
/*@media screen {*/
*{
margin:0;
padding:0;
}

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

img{
border:0;
}

a:link{
color:#000080;
}
a:visited{
color:#000080;
}
a:active{
color:#000080;
}
a:hover{
color:#f60;
}

body{
background:#FFF;
text-align:center;
font-size:100%;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
margin:0;
padding:0;
background:url(/img/bg02.gif) repeat top left;
}
#wrapper{
margin:0 auto;
padding:0 13px 0 13px;
text-align:left;
background:url(/img/bg.gif) repeat-y top center;
height:100%;
width:914px;
}
#top{
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
left: -1px;
top: -1px;
}
#header{
background:url(/img/header_top_bg.gif) repeat-x;
clear:both;
height:75px;

}
#header span {
height:19px;
width:18px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
float:left;
}

#header span  a {
display:block;
height:100%;
width:100%;
text-indent:-9999px;
}

#header span a:hover {
background-position: 0 -19px;
}

#header span a:focus {
/*\*/
overflow: hidden;
/**/
}

#header .font-small a {background:url(/img/head_chg_small.gif) no-repeat top left;}
#header .font-normal a {background:url(/img/head_chg_middle.gif) no-repeat 0 -19px;}
#header .font-large a{background:url(/img/head_chg_large.gif) no-repeat top left;}

#header .inner{
width:800px;
margin:auto;
padding:0;
text-align:left;font-size:0;

}

#header .inner .left{
float:left;
width:348px;
}

#header .inner .right{
float:right;
width:452px;
}

#header .inner ul.function{
margin-top:12px;
float:right;
clear:both;
}

#header .inner ul.function li{
margin-left:3px;
float:left;
}
#header .inner ul.function li img{
}

#header .inner ul.function li form{
width:165px;
}

#header .inner ul.function li input{
border:0;
}

#header .inner ul.function li .search{
border:none;
width:115px;
height:20px;
margin-right:2px;
margin-left:3px;
}

#header .inner ul.function li .button{
float:right;
margin-right:7px;
}


#header .inner div.menu{
margin-top:10px;
float:right;

}

#header .inner div.menu a{
padding-left:20px;
text-decoration:none;
}

#grovalnavi{
background:url(/img/head_menu_bg.gif) repeat-x;
margin:0 auto 10px auto;
padding:0;
clear:both;
text-align:center;
width:100%;
height:38px;
}

#grovalnavi .inner{
width:800px;
margin:0 auto;
padding:0;
text-align:left;
clear:both;
}

#grovalnavi .inner ul{
width:800px;
clear:both;
}

#grovalnavi .inner ul li{
float:left;
padding-top:1px;
}

#mainvisual{
width:800px;
margin:auto;
padding:0;
text-align:left;
}
#mainvisual .inner img{
border:1px solid #CCC;
padding:1px;
}
#wrapper #pankuzu{
width:800px;
margin:auto;
padding:0;
border-top:0;
text-align:left;
}
#wrapper #pankuzu .inner{
width:795px;
background:url(/img/pankuzu_bg.gif) repeat-x;
color:#FFF;
font-size:80%;
padding-left:5px;
line-height:24px;
}
#wrapper #pankuzu a{
color:#fefc31;
text-decoration:none;
}
#wrapper #pankuzu a:hover{
color:#fefc31;
text-decoration:underline;
}
#mainarea{
width:800px;
margin:auto;
padding:0;
text-align:left;
clear:both;
}
#mainarea .maintext{
float:right;
width:585px;
border:0 none;
margin:0;
padding:1em 0 2em 0;
}
#mainarea .section{
padding-top:1em;
padding-bottom:2em;
}
#mainarea .maintext p.maintitle{
text-align:center;
}
#mainarea .maintext p.maintitle img{
border:3px double #999;
}
#mainarea .maintext h2,#mainarea .section h2{
background:url(/img/h2_background.gif) repeat-x;
font-size:115%;
color:#fff;
font-weight:bold;
padding-left:10px;
margin-bottom:20px;
line-height:32px;
}
@media print {
#mainarea .maintext h2,#mainarea .section h2{
color:#000;
}
}
#mainarea .maintext h3,#mainarea .section h3{
border-left:5px solid #0f74ff;
font-size:100%;
color:#333;
font-weight:bold;
padding-left:10px;
margin:10px 0;
line-height:25px;
}
#mainarea .maintext h4,#mainarea .section h4{
font-size:90%;
color:#0065ff;
margin:10px 0;
}
#mainarea .maintext h5,#mainarea .section h5{
font-size:90%;
color:#333;
margin:10px 0;
}
#mainarea .maintext ul.point,#mainarea .section ul.point {
margin:10px 0 10px .5em;
}
#mainarea .maintext ul.point li,#mainarea .section ul.point li{
background:url(/img/list_background.gif) no-repeat 0 5px;
padding-left:10px;
font-size:80%;
line-height:1.6em;
}
#mainarea .maintext p,#mainarea .section p{
font-size:80%;
line-height:1.6em;
margin-bottom:10px;
}
#mainarea .maintext hr,#mainarea .section hr{
clear:both;
margin:20px 0 0 0;
padding:0;
border:0 none;
background:#999;
color:#999;
height:1px;
}
#mainarea .sidenavi{
float:left;
width:200px;
border:0;
padding:1em 0 2em 0;
margin:0;
}
#mainarea .sidenavi ul.side_common{
margin:1.5em 0 1em 0;
padding:0;
}
#mainarea .sidenavi li{
text-align:left;
font-size:80%;
background:url(/img/hr_background.gif) repeat-x bottom left;
}
#mainarea .sidenavi li li{
font-size:100%;
}
#mainarea .sidenavi ul.side_common li{
text-align:left;
background:transparent;
}
#mainarea .sidenavi li ul{
background:url(/img/hr_background.gif) repeat-x top left;
margin:0;
padding:0;
}
#mainarea .sidenavi li a{
background:url(/img/sidenavi_point_link.gif) no-repeat 5px 10px;
color:#333;
display:block;
height:100%;
padding-right:5px;
padding-left:18px;
padding-top:7px;
padding-bottom:7px;
text-decoration:none;
}
#mainarea .sidenavi li span.stay{
background:url(/img/sidenavi_point_stay.gif) no-repeat 5px 10px;
color:#333;
display:block;
height:100%;
padding-right:5px;
padding-left:18px;
padding-top:7px;
padding-bottom:7px;
text-decoration:none;
}
#mainarea .sidenavi ul.side_common li a{
width:200px;
height:55px;
margin:0;
padding:0;
background:transparent;
}
#mainarea .sidenavi li ul li a{
background:url(/img/nest_arrow.gif) no-repeat 12px 50%;
color:#333;
display:block;
height:100%;
padding-right:5px;
padding-left:22px;
padding-top:5px;
padding-bottom:5px;
}
#mainarea .sidenavi li a:hover{
background:#EEE url(/img/sidenavi_point_over.gif) no-repeat 5px 10px;
color:#333;
display:block;
}
#mainarea .sidenavi ul.side_common li a:hover{
margin:0;
padding:0;
background:transparent;
}
#mainarea .sidenavi li ul li a:hover{
background:#EEE url(/img/nest_arrow.gif) no-repeat 12px 50%;
color:#333;
display:block;
}
#mainarea .sidenavi h2{
background:url(/img/sidenavi_position_background.gif) repeat-x;
padding:8px 5px;
font-size:90%;
}
#mainarea .sidenavi h2 a{
background:url(/img/sidenavi_point.gif) no-repeat 0 15px;
color:#ff0;
padding:12px 12px 12px 15px;
text-decoration:none;
}
#mainarea .sidenavi h2 span{
background:url(/img/sidenavi_point.gif) no-repeat 0 15px;
color:#FF0;
padding:12px 12px 12px 15px;
}
#mainarea dl.index{
margin:1.5em 1em 1em 1em;
line-height:1.5;
}
#mainarea dl.index dt{
background:#eee url(/img/insallow.gif) no-repeat 5px 50%;
padding:3px 0 3px 20px;
border:1px solid #ccc;
margin:5px 0;
font-size:85%;
}
#mainarea dl.index dd{
margin:0 0 20px 20px;
font-size:80%;
}
#mainarea dl.index a{
text-decoration:none;
}
#mainarea ul.index{
border:1px dotted #666;
padding:1em;
margin:1em .5em;
}
#mainarea ul.index li {
margin:0;
border-bottom:1px dotted #666;
}
#mainarea ul.index li.first {
margin:0;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
#mainarea ul.index li a{
font-size:85%;
background:url(/img/sidenavi_point_link.gif) no-repeat 5px 50%;
color:#333;
display:block;
padding:.5em 5px .5em 18px;
text-decoration:none;
}
#mainarea ul.index li a:hover{
background:#eee url(/img/sidenavi_point_over.gif) no-repeat 5px 50%;
}
table.image_left{
float:left;
margin:0 1em 0 0;
}
table.image_left td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
table.image_right{
float:right;
margin:0 0 0 1em;
}
table.image_right td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
table.image{
margin:0 auto;
}
table.image td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
p.sum{
margin:2em 0 0 0;
}
p.sum span{
border:3px double #ff4500;
padding:5px 10px;
}
table.reckon {
margin:0;
}
table.reckon caption{
padding:1em 0 0 0;
text-align:left;
font-size:80%;
font-weight:bold;
}
table.reckon th{
font-size:80%;
text-align:left;
padding:5px 5px 5px 0;
font-weight:normal;
}
table.reckon td{
font-size:80%;
text-align:left;
padding:5px 0 5px 5px;
}
#mainarea p.pagetop{
margin:1em 0;
clear:both;
padding:5px 0;
text-align:right;
font-size:70%;
}
#mainarea p.pagetop a{
background:url(/img/pageup.gif) no-repeat;
padding-left:15px;
color:#00f;
text-decoration:none;
}
#mainarea p.pagetop a:hover{
color:#f90;
}
#footer{
background:url(/img/footer_bg.gif) repeat-x;
clear:both;
padding-top:10px;
padding-bottom:50px;
width:100%;
}
#footer .inner{
margin:auto;
padding:0;
text-align:left;
width:800px;
}
#footer .inner .left{
float:left;
width:400px;
}
#footer .inner .right{
float:right;
text-align:right;
width:400px;
}
#grovalnavi .inner ul li{
float:left;
height:38px;
font-size:100%;
}
#grovalnavi .inner li a {
display:block;
width:100%;
height:38px;
text-indent:-9999px;
}
#grovalnavi .inner ul li a:hover {
background-position: 0 -38px;
}
#grovalnavi .inner ul li a:focus {
/*\*/
overflow: hidden;
/**/
}
#navi1 {width:133px;}
#navi1 a{background:url(/img/head_menu_01.gif) no-repeat top left;}
#navi2 {width:133px;}
#navi2 a{background:url(/img/head_menu_02.gif) no-repeat top left;}
#navi3 {width:133px;}
#navi3 a{background:url(/img/head_menu_03.gif) no-repeat top left;}
#navi4 {width:133px;}
#navi4 a{background:url(/img/head_menu_04.gif) no-repeat top left;}
#navi5 {width:133px;}
#navi5 a{background:url(/img/head_menu_05.gif) no-repeat top left;}
#navi6 {width:135px;}
#navi6 a{background:url(/img/head_menu_06.gif) no-repeat top left;}
dl#accordion{
margin:1em 0;
padding:0;
border-top:1px solid #ccc;
}
dt.accordion_toggle{
background:url(/img/question.gif) no-repeat 5px 5px;
padding:10px 5px 10px 30px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:90%;
cursor:pointer;
color:#333;
}
dt.accordion_toggle:hover{
background:#ffffe0 url(/img/question.gif) no-repeat 5px 5px;
}
dd.accordion_content{
background:url(/img/answer.gif) no-repeat 5px 10px;
padding:10px 20px 10px 30px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
overflow:hidden;
}
#mainarea .maintext dd.accordion_content ul {
margin:0 0 1em 0;
font-size:80%;
}
#mainarea .maintext dd.accordion_content ul li{
background:none;
list-style:square;
padding-left:0;
margin:0 0 0 2em;
line-height:1.6em;
}
#mainarea .maintext dd.accordion_content p{
font-size:80%;
line-height:1.6em;
margin:0 0 1em 0;
}
.table-style01,.table-style02 {
border-collapse : collapse ;
border : 1px solid #ccc;
margin:0;
}
.table-style01 caption,.table-style02 caption{
text-align:center;
font-size:80%;
line-height:1.6;
}
.table-style01 th,.table-style02 th{
font-size:80%;
line-height:1.6;
padding:5px;
font-weight:normal;
text-align:center;
background:#0d69ff;
border:1px solid #ccc;
color:#fff;
}
.table-style01 th.side{
font-size:80%;
line-height:1.6;
padding:5px;
font-weight:normal;
text-align:left;
background:#eee;
border:1px solid #ccc;
color:#333;
}
.table-style02 th.side{
font-size:80%;
line-height:1.6;
padding:5px;
font-weight:normal;
text-align:right;
background:#eee;
border:1px solid #ccc;
color:#333;
}
.table-style01 td{
font-size:80%;
line-height:1.6;
padding:5px;
border:1px solid #ccc;
}
.table-style02 td{
font-size:80%;
line-height:1.6;
padding:5px;
border:1px solid #ccc;
text-align:right;
}
.list {
margin:1em;
padding:0;
font-size:90%;
}
.list dt.title {
font-weight:bold;
margin:0;
padding:.5em 0 .5em 0;
}
.list dt.title a {
margin:0;
padding:0 0 0 15px;
background:url(/img/sidenavi_point_link.gif) no-repeat  left center;
color:#0065ff;
}
.list dt.title a:hover {
color:#f90;
}
.list dd.summary {
clear:both;
padding:.2em 0 .2em 0;
margin:0;
border-bottom:1px dotted #0086ba;
}
.no_data{
font-size:95%;
text-align:center;
margin:3em 0 0 0;
padding:3em 0;
border:3px double #999;
}
.no_data span{
font-weight:bold;
padding:0 5px;
font-size:105%;
text-decoration:underline;
}
#errormsg ul{
margin:1em 0;
padding:5px 0;
border:solid 1px #cc3333;
text-align:center;
background-color: #FCE9F1;
}
#errormsg ul li{
margin:3px;
font-size: 90%;
list-style: none;
color: #cc3333;
font-weight:bold;
}
#errormsg p{
text-align:center;
margin:0;
}
#ContactForm {
padding: 10px 0 0 0;
margin: 0 0 30px 0;
text-align: center;
}
#ContactForm form {
text-align: left;
}
#ContactForm table {
width: 100%;
border:none;
margin:0 0 1em 0;
background:#dadada;
font-size: 90%;
}
#ContactForm table th {
background:#eee;
font-weight: normal;
color:#333;
padding:8px;
border-left: none;
white-space: nowrap;
width:10%;
text-align:left;
}
#ContactForm table th span {
background-color: #0069ff;
color: #fff;
font-size:90%;
padding: 1px 3px;
white-space: nowrap;
}
#ContactForm table td {
padding:8px;
background:#fff;
color:#333;
text-align:left;
}
#ContactForm table td input {
width:99%;
}
#ContactForm table td.inputs input {
width: auto;
vertical-align: middle;
}
#ContactForm table td textarea {
width:99%;
margin:0 0 .5em 0;
}
#ContactForm p {
font-size: 90%;
}
#ContactForm p.submit {
text-align: center;
font-size: 100%;
}
.trial th{
color:#666;
text-align:center;
}
.trial a{
border:5px solid #ccc;
display:block;
text-decoration:none;
}
.trial a:hover{
border:5px solid #ff4500;
}
a#refer1,a#note1,a#refer2,a#note2,a#refer3,a#note3,a#refer4,a#note4,a#refer5,a#note5,a#refer6,a#note6,a#refer7,a#note7,a#refer8,a#note8,a#refer9,a#note9{
vertical-align : super ;
font-size:90%;
text-decoration:none;
}
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font-weight:bold;
 font-size:12px;
 font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 1em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* height:200px; */
 /* overflow:auto; */
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.incase{
margin:0 10px 1em 10px;
padding:5px;
border:3px double #999;
}
.incase a{
display:block;
}
.incase .title{
display:block;
margin:0 190px 5px 0;
font-weight:bold;
}
.incase .abstract{
display:block;
margin:5px 210px 0 0;
}
.downloads{
margin:1em;
padding:0;
font-size:95%;
}
.downloads li{
margin:.5em 0;
padding:0;
}
.downloads li a:link{
font-weight:bold;
color:#666;
}
.downloads li a:visited{
font-weight:bold;
color:#666;
}
.downloads li a:active{
font-weight:bold;
color:#666;
}
.downloads li a:hover{
font-weight:bold;
color:#f60;
}

/* マイスター紹介部 */
#ex #contentsBody, #solutions #contentsBody{
width: 577px;
}
#ex #meister{ 
margin:20px 0px;
padding:15px 15px;
background:#6699cc;
}
#ex #meister #meisterTitle h3{
margin:0px;
border:none;
color:#ffffff;
}
#ex #meister #meisterTitle div.heading{
padding:5px 0px;
border-top:1px solid #ffffff;
border-bottom:1px dotted #ffffff;
}
#ex #meister #meisterTitle div.heading p{
color:#ffffff;
}
#ex #meister #meisterTitle h4{
color:#ffffff;
}
#ex #meister #meisterBody{
padding:15px 0px 5px;
}
#ex #meister #meisterBody div.left{
float:left;
padding:0px 10px 5px 0px;
margin:0px;
width:240px;
}
#ex #meister #meisterBody div.left div.image{
padding:0px;
margin:0px;
}
#ex #meister #meisterBody div.right p{
color:#ffffff;
}
#ex #meister #meisterBody div.contactBtn{
margin:15px 0px 0px -2px;
}


/*}*/
/*
@media print {
* {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
    vertical-align: 0;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #5d4442;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: white;
    background-image: none;
    font-size: 12pt;
    line-height: 1.4;
}
p, dt, dd, th, td, li  {
    line-height: 1.8;
}
table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}
th, td {
    border: 2px solid #473533;
    padding: 6px 8px;
    vertical-align: top;
    text-align: left;
    font-size: 10.5pt;
}
table.image_left{
float:left;
margin:0 1em 0 0;
}
table.image_left td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
table.image_right{
float:right;
margin:0 0 0 1em;
}
table.image_right td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
table.image{
margin:0 auto;
}
table.image td{
padding:0 5px 5px 5px;
font-weight:bold;
font-size:70%;
vertical-align:top;
}
ul.tabbernav,ul#top,div#header div.left,div#header div.right,div#grovalnavi,div#pankuzu,p.pagetop,div.sidenavi,div#footer div.left,div#footer div.right{
display:none;
}
div.maintext{
margin:0 10px;
}
div#mainvisual,div.maintext h2{
margin:10px 0;
}
div#footer div.right{
margin:20px 0 0 0;
text-align:center;
}
div#header div.inner{
color: #fff;
display: list-item;
list-style-image: url(/img/header_bgx.png);
list-style-position: inside;
height:78px;
width:100%;
}
div#footer div.inner{
color: #fff;
display: list-item;
list-style-image: url(/img/footer_bgx.png);
list-style-position: inside;
height:23px;
width:100%;
}
a { 
color: black;
text-decoration: none;
}


}
*/