@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> default settings <<<------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*-- default css ------------------------------*/
body{font-size:75%; font-family:Tahoma,MS PGothic;}
*{font-size:1em; margin:0; padding:0;}
fieldset, img, iframe{border:0;}
ol, ul{list-style:none;}
li{list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;} 
abbr,acronym{border:0;}
hr{display:none;}
a{text-decoration:none; color:#466C8A;}
a:hover{text-decoration:underline;}
a:hover img{filter:alpha(opacity=80); opacity:0.8;}
textarea{overflow:auto;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.wfix{width:auto;}
* html .wfix{width:100%;} /* IE6 hack */

/*-- class default css ------------------------------*/
.bold{font-weight:bold;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.check{*margin:-4px -1px 0 -4px; vertical-align:top;}
.nospace{font-size:0px; height:0; line-height:0px;}
.png{tmp:expression(setPng24(this));}
.noimage{border:2px solid #818181; background:#ffffff url(../img/noimage.jpg) no-repeat 50% 50%;}
.maru{-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;}
.inputTxt{border:1px solid #ddd; background-color:#fff; padding:1px;}
.line{height:1px; background-color:#dfdfdf; font-size:0px; line-height:0px; overflow:hidden;}
.ten{height:1px; background-image:url(../img/ten.jpg); font-size:0px; line-height:0px; overflow:hidden;} /*・・・*/
.dot{height:1px; background-image:url(../img/dot.jpg); font-size:0px; line-height:0px; overflow:hidden;} /* ---- */
.sukima{height:2px; font-size:0px; line-height:0px; overflow:hidden;}
.absmiddle{vertical-align:middle; display:inline-block;}
* html .absmiddle{margin-bottom :2px;} /* IE6 hack */
.nonedis{display:none;}
.hidden_phrase{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}

/*-- HTML 5 Reset Styles - article, aside, header, nav, section, footer, figure, hgroup ------------------------------*/
section, nav, aside, figure, hgroup, header, article, footer{display:block;}

/*-- index ------------------------------*/
#home{width:100%; background-image:url("./img/back.png");}
#web_outline{margin:0 auto; text-align:left; width:760px; background-color:#ffffff;}
.ten_i{background:url('./img/ten.jpg') repeat-x; height:9px; line-height:9px;}

/* --- index --- */
#hd_outline #logo{position:relative}
#hd_outline #logo h1{text-align:right; margin-right:10px; margin-bottom:10px;}
#hd_outline #logo p{text-decoration:none; color:#000000; font-size:14pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:absolute; text-align:right; top:35px; right:5px;}
#hd_outline #logo p a{text-decoration:none; color:#000000; font-size:14pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#hd_outline #logo p a:hover{color:#ff9900;}
#hd_outline #tmenu li{height:35px; float:left;}
#hd_outline #tmenu .sidespace{width:2px;}
#hd_outline #tmenu .menuimg{width:108px;}
#hd_outline #indexdata{border-bottom:2px solid #acabab}
#bd_outline #flash{margin-bottom:10px;}
#bd_outline #idx_info{margin-bottom:10px; overflow:hidden;}
#bd_outline #idx_info header, #bd_outline #idx_info article, #bd_outline #idx_info footer{width:545px; border-right:1px solid #dddddd; float:left; padding-bottom:10px;}
#bd_outline #idx_info header dt{text-indent:-10000px; font-size:0px; height:0; line-height:0px;}
#bd_outline #idx_info header dd{height:40px; float:left;}
#bd_outline #idx_info nav{width:214px; float:right;}
#bd_outline #idx_info nav li{text-align:center;}
#bd_outline #idx_info nav .bnrtitle{ height:28px; background:url("./img/glink.jpg") no-repeat 0 0; margin-top:15px; text-indent:-10000px;}
#bd_outline #idx_info nav img{margin-bottom:3px;}
#bd_outline #idx_info article ul{width:266px; float:left;}
#bd_outline #idx_info article li{overflow:hidden;}
#bd_outline #idx_info article .r_space{margin-right:6px;}
#bd_outline #idx_info article .cdtitle{height:30px; background:#769f59 url('./img/cdlink.jpg') no-repeat 0 0; text-indent:-10000px; margin-bottom:5px;}
#bd_outline #idx_info article .dvdtitle{height:30px; background:#769f59 url('./img/dvdlink.jpg') no-repeat 0 0; text-indent:-10000px; margin-bottom:5px;}
#bd_outline #idx_info article h4{font-weight:bold;}
#bd_outline #idx_info .yp_twitter{position:relative;}
* html #indexdata #idx_info .yp_twitter, *+ html #bd_outline #idx_info .yp_twitter{margin-top:4px;}
#bd_outline #idx_info .yp_twitter{width:538px; min-height:17px;}
#bd_outline #idx_info .yp_twitter dt{background-color:#769f59; height:30px; line-height:30px; color:#ffffff; text-align:center;}
#bd_outline #idx_info .yp_twitter dd{margin:0; padding:0;}
#bd_outline #idx_info .yp_twitter dd .twtr-hd{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}
#bd_outline #idx_info .yp_twitter dd .ytb-join-conv{position:absolute; color:#000000; bottom:10px; right:10px;}
#bd_outline #idx_info .yp_twitter dd .twtr-ft{height:36px;}
#bd_outline #idx_info .yp_twitter dd .twtr-ft span{visibility:hidden; width:0; height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px;}
#btm_outline{border-top:2px solid #acabab;}
#btm_outline header{font-size:0.7em; height:15px; line-height:15px; text-indent:-3000px;}
#btm_outline article li{height:25px; line-height:25px; width:152px; text-align:center; float:left;}
#btm_outline footer{height:30px; line-height:30px; text-align:center; margin-top:5px; clear:both;}

/* --- sub page --- */
#title_image{background-repeat:no-repeat; width:140px;}
#title_01{height:55px; background-repeat:no-repeat; width:385px;}
#title_02{height:51px; padding-left:250; padding-top:2; width:385px;}
#title_03{height:51px; text-align:right; padding:5 20 0 0; font-weight:bold;}
.right_td{border:1px solid #cccccc; padding:10;}
.top{font-size:14pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

#bd_outline #sub_info{width:545px; float:left; border-right:1px solid #dddddd; margin:10px 0;}
#bd_outline #sub_info #subtitle{margin:10px;}
#bd_outline #sub_info #subdata{margin:10px;}
#bd_outline #sub_info #subdata header{border:1px solid #ddd; padding:5px;}
#bd_outline #sub_info #subdata article h3{margin-top:20px; font-weight:bold; color:#0000cc;}
#bd_outline #sub_info #subdata article li{overflow:hidden;}
#bd_outline #sub_info #subdata article select{

	margin:3px auto;
	background-color: #FF9933;
	height: 25px;
	margin: 3px auto;
	width: 500px;
	}
#bd_outline #sub_info #subdata article h4{font-weight:bold;}
#bd_outline #nav{width:214px; float:right; margin-top:10px;}
#bd_outline #nav li{text-align:center;}
#bd_outline #nav .bnrtitle{ height:28px; background:url("./img/glink.jpg") no-repeat 0 0; margin-top:15px; text-indent:-10000px;}
#bd_outline #nav img{margin-bottom:3px;}
#bd_outline #sub_info #subdata article li p span{width:430px; display:inline-block;}

/* CDpress start */
#bd_outline #sub_info #subdata .cdt{background-color:#9d9d9d; color:#FFF; padding:10px; text-align:center; width:100px;}
#bd_outline #sub_info #subdata .cdd{background-color:#e8e8e8; color:#000; padding:10px;}
#bd_outline #sub_info #subdata .k0{background-color:#dad822; color:#000000; text-align:center; padding:5px 0;}
#bd_outline #sub_info #subdata .k1{background-color:#9d9d9d; color:#FFF; padding:10px 0; text-align:center;}
#bd_outline #sub_info #subdata .k2{background-color:#f2f2f2; text-align:center; padding:5px 0; width:230px;}
#bd_outline #sub_info #subdata .k3{background-color:#9d9d9d; color:#FFF; padding:10px 0; text-align:center; width:230px;}
#bd_outline #sub_info #subdata .k4{background-color:#e8e8e8; color:#F00; text-align:center; padding:5px 0; width:103px;}
#bd_outline #sub_info #subdata .subtitle{margin-top:15px;}
a.allp:link, a.allp:visited, a.allp:active{text-decoration:none; color:#F00;}
a.allp:hover{color:#39F;}
.maisu{background-color:#ffcc00; color:#000000; text-align:center; padding:5px;}
.maisu2{background-color:#dad822; color:#000000; text-align:center; padding:5px;}
.danka{background-color:#f2f2f2; color:#00F; text-align:center; padding:5px;}
.nedan{background-color:#e8e8e8; color:#F00; text-align:center; padding:5px;}

.dhtmlwindow{position:absolute; border:none; visibility:hidden; background-color:white;}
.drag-handle{padding:5px; text-indent:5px; font:12px Arial; color:white; cursor:move; overflow:hidden; width:auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;} /*CSS for Drag Handle*/
.drag-handle .drag-controls{position:absolute; right:5px; top:5px; cursor:hand; cursor:pointer;} /*CSS for controls (min, close etc) within Drag Handle*/
* html .drag-handle{width:100%;} /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/

.drag-contentarea{border:none; background-color:white; color:black; height:150px; padding:0px; overflow:auto;} /*CSS for Content Display Area div*/
.drag-statusarea{border:none; background-color:#ffffff; height:13px; /*height of resize image*/} /*CSS for Status Bar div (includes resizearea)*/
.drag-resizearea{border:none; float:right; width:13px; /*width of resize image*/height:13px; /*height of resize image*/cursor:nw-resize; font-size:0;} /*CSS for Resize Area itself*/
.drag-handle{background-color:#000000;} /*Overwrite default drag handle bar background color with below*/
#interVeil{position:absolute; background:black url(img/blackdot.gif); width:10px; left:0; top:0; z-index:5; visibility:hidden; filter:progid:DXImageTransform.Microsoft.alpha(opacity=30); opacity:0.3;} /*CSS for veil that covers entire page while modal window is visible*/
/* CDpress end */

/* CD,DVD copy start */
.nedan_cp{background-color:#e8e8e8; text-align:center; padding:5px;}
.danka_cp{background-color:#f2f2f2; color:#F00; text-align:center; padding:5px;}
.text_cp{background-color:#f2f2f2; color:#00F; text-align:center; padding:5px;}
/* CD,DVD copy end */

/* flow start */
.ftitle{font-size:24px;}
.t_box{font-size:14px;}
/* flow end */

/* design start */
.design{font-size:12px; font-weight:bold; color:#00C}
.detd01{background-color:#0099cc; color:#ffffff;}
.detd02{background-color:#dddddd; color:#000000;}
/* design end */

/* template start */
.boldline{height:2px; background-color:#cccccc;}
.templine{border-top:1px solid #dddddd;}
/* template end */

/* authering start */
#bd_outline #sub_info #subdata .auth_t{border:1px solid #ddd; padding:2px; text-align:center;}
#bd_outline #sub_info #subdata .auth_td_01{border:1px solid #ddd; padding:10px; text-align:left;}
#bd_outline #sub_info #subdata .auth_td_02{padding:2px;}
#bd_outline #sub_info #subdata .auth_td_03{padding:6px;}
/* authering end */

/* yotsubapress start */
.yotsubapress{font-size:12px; font-weight:bold; color:#000}
/* yotsubapress end */


#subdata article ul .title span {
	text-align: right;
	display: block;
	width: 98%;
	margin-top: -15px;
}