/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* {{{ + tags */ 
html {
margin: 0;
padding: 0;
}
body {
background: #fff;
font-family: 'メイリオ', 'ＭＳ Ｐゴシック', Verdana,'Bitstream Vera Sans',Osaka, sans-serif;
font-size: 0.8em;
margin:0; 
padding:0;
text-align: center; 
background: #FFF url(/img/common/bg.jpg) repeat-x;
min-width:1000px;
color:#000;
}
div,dl,ul,ol,p,form,input,textarea,acronym,table,tr,td {
margin: 0;
padding: 0;
}
img {
border: 0;
}

acronym {
border:none;
text-decoration:none;
display: none; 
}
script {
display: none; 
}
a:visited,
a:link {
color: #FF3300;
text-decoration:none;
border-bottom: 1px dotted #ccc;
}
a:hover,
a:focus {
color: #FF3300;
border-bottom: 1px solid #FFF;
}

#top_bg{
background: url(/img/common/bg_top.jpg) no-repeat;
}
/* }}} */ 

/* {{{ + flame */ 
div.wrap {
clear: both;
margin: 0;
text-align: left;
}

div#f_main_wrap {
float: left;
width: 100%;
min-width: 18.0em;
}
div#f_main {
margin-right: 16.0em;
min-width: 18.0em;
}
div#f_sub {
float: right;
width: 200px;
margin-left: -16.0em;
} 

div#f_sub_contents {
text-align: left;
margin: 0 1em 1em 0;
} 
/* }}} - frame */ 

/* {{{ + head */ 
#wrap_head {
}
#head {
padding: 0 1em 0 0;
height: 100px;
} 
#head #head_logo img {
float: left;
display: block;
width: 180px;
height: 60px;
margin: 0;
padding: 0;
line-height: 100%;
}
#head #head_logo img a {
border: none;
background: none;
} 

#head ul {
float: right;
list-style: none;
} 
#head ul li {
display: inline;
padding: 0 3px 0 5px;
font-size: 0.9em;
border-left: 2px dotted #FFF;
line-height: 400%;
font-weight:bold;
} 

#head ul li.first{
border-left: none;
}

#head a:visited,
#head a:link,
#head a:hover,
#head a:focus {
color:#FFF;
}

/* }}} - head */ 
/* {{{ + foot */ 

#wrap_foot {
margin-right: 16.0em;
margin-bottom: 1.0em;
min-width: 38em;
}

#foot {
padding: 50px 0 0 20px;
height: 2.5em;
} 

#foot_menu {
float: left;
list-style: none;
font-weight:bold;
} 
#foot_menu li {
display: inline;
padding: 0 0.4em 0 0.4em;
font-size: 0.8em;
border-right: 1px solid #ccc;
line-height: 200%;
} 

#foot_copy {
float: right;
width:300px;
text-align:right;
font-size: 0.8em;
margin: 0 0.5em 0 0;
padding: 20px 45px 0 0;
color: #666;
}

/* }}} - foot */ 

/* {{{ + contents */ 

#f_main_contents #contents {
padding: 0 10px 0 10px;
}

#f_main_contents #contents #productName{
height:40px;
color:#000;
font-size:1.4em;
text-align:left;
margin: 0 0 10px 0;
background: url(/img/common/title_bg.jpg) repeat-x;
}

#f_main_contents #contents #productName .left{
width:40px;
height:40px;
float:left;
background: url(/img/common/title_left.jpg) no-repeat;
}

#f_main_contents #contents #productName .right{
width:40px;
height:40px;
float:right;
background: url(/img/common/title_right.jpg) no-repeat;
}

#f_main_contents #contents #productName .content{
line-height:45px;
font-weight:bold;
color:#666;
}

#f_main_contents #contents #pruductIntroImg {
width:350px;
position:relative;
top:-20px;
float:right;
text-align:left;
}

#f_main_contents #contents #download{
margin: 0 0 50px 0px;
text-align:left;
}

#f_main_contents #contents #download .overBar{
position:relative;
top:28px;
left:50px;
}

#f_main_contents #contents #download .button{
width: 130px;
float:left;
background-color:#FFF;
text-align:center;
}

#f_main_contents #contents #download a{
border:none;
}

#f_main_contents #contents #download .ver{
padding: 0 0 0 5px;
position:relative;
top:3px;
color:#666;
font-size:0.9em;
}

#f_main_contents #contents #download .greyBar {
clear:both;
height:15px;
background-color:#F2F4F4;
}

#f_main_contents #contents #productIntro {
margin: 10px 0 20px 20px;
padding: 0 360px 0 0;
color:#000;
font-size:1em;
text-align:left;
line-height:150%;
}

#f_main_contents #contents #productIntro p {
padding: 10px 0 0 0;
}

#f_main_contents #contents #productIntro .caution{
padding: 5px 0 0 0;
font-size:0.9em;
color:#5E8BA2;
}

#f_main_contents #contents #sample_title {
text-align:left;
position:relative;
left:15px;
z-index:2;
}

#f_main_contents #contents #sample_caps{
position:relative;
top:-8px;
z-index:1;
margin: 0 10px 0 10px;
padding:10px 10px 0 10px;
border: 3px dashed #CD9332;
background:#FFF url(/img/common/bg_cap.jpg) repeat-x;
text-align:left;
}

#f_main_contents #contents #sample_caps .cap{
display:inline;
padding: 0 20px 0 0;
}

#f_main_contents #contents #productInfo {
margin: 10px 0 0 20px;
padding: 0;
color:#333;
font-size:1em;
text-align:left;
line-height:150%;
}

#f_main_contents #contents #productInfo p {
padding: 10px 0 0 0;
}

#f_main_contents #contents #productInfo .title {
color:#003366;
font-weight:bold;
}

#f_main_contents #contents #productInfo ul li {
list-style: disc inside;
margin: 0 0 0 20px;
}

#f_main_contents #contents #required {
margin: 20px 0 0 10px;
text-align:left;
}

#f_main_contents #contents #required p{
margin: 10px 0 0 0;
}

#f_main_contents #contents #required div.title{
font-weight:bold;
}

#f_main_contents ul#page_nav {
text-align: center;
list-style: none;
}
#f_main_contents ul#page_nav li {
font-size: 0.9em;
display: inline;
background: url(/img/common/icon/all.gif) no-repeat;
} 
#f_main_contents ul#page_nav li.next {
padding: 0 1.0em 0 0;
background-position: 100% -740px;
} 
#f_main_contents ul#page_nav li.prev {
border-right: 1px solid #999;
padding: 0 0.5em 0 1.0em;
background-position: 0% -713px;
} 
ul#page_nav li.next a,
ul#page_nav li.prev a {
margin: 0 0.5em;
} 

/* }}} - contents */ 

/* {{{ + sub */ 

#sub {
padding: 0 1.0em;
}

#sub p.more {
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
font-size: 0.8em;
text-align: right;
border-bottom: 1px dotted #efebe7;
} 

#sub .ads { 
margin-top:0;
text-align:left;
}

#trackfeed {
text-align:right;
margin: 10px 10px 0 0;
}

#f_sub #addClips {
padding: 10px 0 20px 0;
text-align:center;
}

/* }}} - sub */ 

/* {{{ + box */ 

.box180 {
width:180px;
background-color:#F2F4F4;
border: 3px solid #E6E6E6;
}

.box180 .boxTop {
width:180px;
height:5px;
}

.box180 .boxMid {
width:180px;
}

.box180 .boxBottom {
width:180px;
height:5px;
}

/* }}} - box */ 

/* {{{ + add */ 
#add_468_60 {
text-align:left;
height:60px;
margin: 10px 0 20px 20px;
}

/* {{{ - add */ 

#media {
margin: 15px 360px 10px 20px;
padding:10px 10px 10px 10px;
text-align:left;
border: 3px dashed #036;
background:#FFF url(/img/common/bg_cap.jpg) repeat-x;
color:#333;
}

#media .title{
font-weight:bold;
color:#003366;
font-size:1.2em;
}

#media ul {
margin: 0 0 0 20px;
}


.links {
padding:10px 20px 10px 50px;
text-align:left;
}

.noborder {
border:none;
}