@charset "utf-8";
/* teitan.special */

@import url(./common.css);


/*------------------- index ----------------------------*/


.teitan{
 margin:17px 0 0 47px;
}

#main_img{
 width:100%;
 margin:20px 0;
 padding:0;
 background:url(../img/special/main_img_bg.gif) repeat;
}

#main_img_body{
 width:948px;
 margin:0 auto;
 padding:0;
}

#main_img_body #main_images div{
 float:left;
 width:748px;
 height:233px;
 position:relative;
 margin:0;
 padding:0;
}

#main_img_body #main_images.immorality div{
 background:url(../immorality/img/main_img.jpg) no-repeat left top;
}

#main_img_body #main_images.behavior div{
 background:url(../behavior/img/main_img.jpg) no-repeat left top;
}

#main_img_body #main_images.wiretap div{
 background:url(../wiretap/img/main_img.jpg) no-repeat left top;
}

#main_img_body #main_images.other div{
 background:url(../other/img/main_img.jpg) no-repeat left top;
}

#main_img_body #main_images div img{
 position:absolute;
 top:168px;
 left:25px;
}

#main_img_body #side{
 float:right;
 width:190px;
}

#immorality_column{
 width:748px;
 margin:0;
 padding:0;
 float:left;
 background:url(../immorality/img/side_bg.jpg) repeat-y left top;
}

#behavior_column{
 width:748px;
 margin:0;
 padding:0;
 float:left;
 background:url(../behavior/img/side_bg.jpg) repeat-y left top;
}

#wiretap_column{
 width:748px;
 margin:0;
 padding:0;
 float:left;
 background:url(../wiretap/img/side_bg.jpg) repeat-y left top;
}

#other_column{
 width:748px;
 margin:0;
 padding:0;
 float:left;
 background:url(../other/img/side_bg.jpg) repeat-y left top;
}

#special_box{
 width:557px;
 border:1px solid;
 border-left:none;
 float:right;
}

#immorality_column #special_box{
 border-color:#FFEDED;
}

#behavior_column #special_box{
 border-color:#CBF4F0;
}

#wiretap_column #special_box{
 border-color:#D6E4F8;
}

#special_box.other{
 border-color:#FCF6C6;
}

#special_menu{
 width:190px;
 height:100%;
 float:left;
 margin:0;
 padding:20px 0 0 0;
}

#special_menu #button{
 width:190px;
 margin:0;
 text-align:right;
 font-size:1.1em;
}

#special_menu #button.immorality a{
 background: url(../immorality/img/side_menu_icon_on.gif) no-repeat 180px 18px;
 color:#D44747;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
 font-weight:bold;
}

#special_menu #button.immorality a:hover{
 background: url(../immorality/img/side_menu_icon.gif) no-repeat 180px 18px;
 background-color:#FFFFFF;
 color:#333333;
 font-weight:bold;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
}

#special_menu #button.behavior a{
 background: url(../behavior/img/side_menu_icon_on.gif) no-repeat 180px 18px;
 color:#297672;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
 font-weight:bold;
}

#special_menu #button.behavior a:hover{
 background: url(../behavior/img/side_menu_icon.gif) no-repeat 180px 18px;
 background-color:#FFFFFF;
 color:#333333;
 font-weight:bold;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
}

#special_menu #button.wiretap a{
 background: url(../wiretap/img/side_menu_icon_on.gif) no-repeat 180px 18px;
 color:#346AB4;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
 font-weight:bold;
}

#special_menu #button.wiretap a:hover{
 background: url(../wiretap/img/side_menu_icon.gif) no-repeat 180px 18px;
 background-color:#FFFFFF;
 color:#333333;
 font-weight:bold;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
}

#special_menu #button.other a{
 background: url(../other/img/side_menu_icon_on.gif) no-repeat 180px 18px;
 color:#A07910;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
 font-weight:bold;
}

#special_menu #button.other a:hover{
 background: url(../other/img/side_menu_icon.gif) no-repeat 180px 18px;
 background-color:#FFFFFF;
 color:#333333;
 font-weight:bold;
 text-decoration:none;
 padding:15px 15px 15px 20px;
 display:block;
 font-size:1.1em;
}

#special_box #contents{
 width:525px;
 margin:20px 16px 0 16px;
 padding:0;
}

.special_red{
 font-size:66%;
 color:#FF0000;
 font-weight:normal;
 line-height:200%;
}

h2.immorality{
 border-left:4px #CC0000 solid;
 border-right:1px #EEEFF1 solid;
 border-bottom:1px #D6D6D6 solid;
 color:#C10000;
 font-weight:bold;
 font-size:1.8em;
 padding:20px 0 20px 10px;
 margin:0 0 30px 0;
}

h2.behavior{
 border-left:4px #5DC8BE solid;
 border-right:1px #EEEFF1 solid;
 border-bottom:1px #D6D6D6 solid;
 color:#368E8F;
 font-weight:bold;
 font-size:1.8em;
 padding:20px 0 20px 10px;
 margin:0 0 30px 0;
}

h2.wiretap{
 border-left:4px #346AB4 solid;
 border-right:1px #EEEFF1 solid;
 border-bottom:1px #D6D6D6 solid;
 color:#346AB4;
 font-weight:bold;
 font-size:1.8em;
 padding:20px 0 20px 10px;
 margin:0 0 30px 0;
}

h2.other{
 border-left:4px #BA8E13 solid;
 border-right:1px #EEEFF1 solid;
 border-bottom:1px #D6D6D6 solid;
 color:#BA8E13;
 font-weight:bold;
 font-size:1.8em;
 padding:20px 0 20px 10px;
 margin:0 0 30px 0;
}

h3.special{
 font-size:1.6em;
 color:#333333;
 background-color:#F5F5F5;
 padding:8px 0 8px 10px;
 margin:0 0 30px 0;
 border-left:4px #666666 solid;
}

#special_box ul.pagetop{
 float:right;
 list-style:none;
 margin:0;
 padding:60px 0 20px 0;
}

#special_box ul.pagetop li{
 float:left;
 color:#008CB1;
}

#special_box ul.pagetop li.img{
 padding-top:1px;
 margin-left:10px;
 margin-right:5px;
}

#special_box ul.pagetop li a:link, #special_box ul.pagetop li a:visited{
 color:#008CB1;
 text-decoration: none;
}

#special_box ul.pagetop li a:hover, #special_box ul.pagetop li a:active{
 color:#008CB1;
 text-decoration: underline;
}

#top_box{
 width:519px;
 border:3px solid;
 margin:0 0 30px 0;
 padding:10px 0;
}

#immorality_column #top_box{
 border-color:#CC0000;
}

#behavior_column #top_box{
 border-color:#62C7C1;
}

#wiretap_column #top_box{
 border-color:#346AB4;
}

#top_box.other{
 border-color:#BA8E13;
}

#top_box dl{
 width:499px;
 margin:0 10px;
 padding:0;
}

#top_box dl dt{
 padding-left:23px;
 margin-bottom:10px;
 font-size:1.4em;
 font-weight:bold;
}

#top_box dl dt.immorality{
 background:url(../immorality/img/check.gif) no-repeat left top;
 color:#CC0000;
}

#top_box dl dt.behavior{
 background:url(../behavior/img/check.gif) no-repeat left top;
 color:#398D8F;
}

#top_box dl dt.wiretap{
 background:url(../wiretap/img/check.gif) no-repeat left top;
 color:#346AB4;
}

#top_box dl dt.other{
 background:url(../other/img/check.gif) no-repeat left top;
 color:#BA8E13;
}

#top_box dl dd{
 font-size:1.4em;
}

#contents_box{
 width:525px;
 margin:0;
 padding:0 0 30px 0;
}

#contents_box img{
 float:left;
 margin:0 20px 20px 10px;
}

#contents_box p{
 font-size:1.4em;
}

/*------------------- outline ----------------------------*/


#special_box #contents p.outline{
 margin:0 10px 30px 10px;
 font-size:1.4em;
}

#profile{
 border-left:1px #CCCCCC solid;
 border-top:1px #CCCCCC solid;
 border-right:1px #CCCCCC solid;
 width:523px;
 margin:0;
 padding:0;
}

#profile #box{
 width:inherit;
 border-bottom:1px #CCCCCC solid;
 margin:0;
 padding:0;
 background-color:#F3F3F3;
}

#profile #box.last{
 border-bottom:none;
 clear:both;
}

#profile #box p{
 padding:5px;
 font-size:1.4em;
}

#profile #box p a:link, #profile #box p a:visited{
 color:#666666;
 text-decoration: underline;
}

#profile #box p a:hover, #profile #box p a:active{
 color:#666666;
 text-decoration: none;
}

#profile #box #left{
 width:130px;
 margin:0;
 padding:0;
 float:left;
}

#profile #box #right{
 width:392px;
 margin:0;
 padding:0;
 float: right;
 background-color:#FFFFFF;
 border-left:1px #CCCCCC solid;
}


/*------------------- price ----------------------------*/

#price{
 width:520px;
 margin:0;
 padding:0 0 10px 0;
 border:1px solid;
}

#immorality_column #price{
 border-color:#C10000;
}

#behavior_column #price{
 border-color:#368E8F;
}

#wiretap_column #price{
 border-color:#346AB4;
}

#price.other{
 border-color:#BA8E13;
}

#price dl{
 margin:0 10px;
 width:500px;
 border:1px solid;
 padding:5px 0;
}

#price dl.immorality{
 border-color:#C10000;
}

#price dl.behavior{
 border-color:#368E8F;
}

#price dl.wiretap{
 border-color:#346AB4;
}

#price dl.other{
 border-color:#BA8E13;
}

#price dl dt{
 margin:0 5px;
}

#price dl dd{
 margin:0 5px 5px 5px;
}

#price #case{
 width:500px;
 margin:0 10px;
 border:1px solid;
 padding:0;
}

#immorality_column #price #case{
 border-color:#F9C6C6;
 background-color:#F9C6C6;
}

#behavior_column #price #case{
 border-color:#9EEBE5;
 background-color:#9EEBE5;
}

#wiretap_column #price #case{
 border-color:#E9F1FB;
 background-color:#E9F1FB;
}

#price #case.other{
 border-color:#FCF6C6;
 background-color:#FCF6C6;
}

#price #case #box{
 width:inherit;
 margin:0;
 padding:0;
}

#price #case #left{
 width:115px;
 margin:0;
 padding:5px 0 0 0;
 float:left;
}

#price #case #left p{
 margin:0 5px;
 padding-left:5px;
 border-left:2px solid;
}

#price #case #left p.immorality{
 border-color:#F39292;
}

#price #case #left p.behavior{
 border-color:#61C6C0;
}

#price #case #left p.wiretap{
 border-color:#6892DA;
}
#price #case #left p.other{
 border-color:#F2C148;
}

#price #case #right{
 width:385px;
 margin:0;
 padding:5px 0 0 0;
 float: right;
 background-color:#FFFFFF;
}

#price #case #right p{
 margin:0 5px;
}

#price #case #right p.red{
 font-weight:bold;
 color:#FF0000;
}

#price #case #right p.blue{
 font-weight:bold;
 color: #00A0FF;
}


/*------------------- #graph ----------------------------*/

#graph{
 width:523px;
 border:1px #CCCCCC solid;
 margin:0 0 20px 0;
 padding:0;
}

#graph ul.hour{
 width:100px;
 border-right:1px #999999 dotted;
 float:left;
 margin:0;
 padding:0;
 list-style:none;
}

#graph ul.hour li{
 border-bottom:1px #CCCCCC solid;
 font-size:1.4em;
 text-align:center;
 padding:10px 0 5px 0;
}

#graph ul.hour li.top{
 background-color:#EBEBEB;
}

#graph ul.hour li.bottom{
 border-bottom:none;
}

#graph ul.price{
 width:141px;
 border-right:1px #999999 dotted;
 float:left;
 margin:0;
 padding:0;
 list-style:none;
}

#graph ul.price li{
 border-bottom:1px #CCCCCC solid;
 font-size:1.4em;
 text-align:center;
 padding:10px 0 5px 0;
 font-weight:bold;
}

#graph ul.price li.top{
 background-color:#EBEBEB;
}

#graph ul.price li.bottom{
 border-bottom:none;
}

#graph ul.remark{
 width:280px;
 float: right;
 margin:0;
 padding:0;
 list-style: disc;
 list-style-position:outside;
}

#graph ul.remark li{
 font-size:1.2em;
 text-align: left;
 padding:0;
 margin:3px 5px 0 20px;
}

#graph ul.remark li.top{
 background-color:#EBEBEB;
 padding:10px 0 5px 0;
 text-align:center;
 margin:0 0 5px 0;
 list-style:none;
 border-bottom:1px #CCCCCC solid;
 font-size:1.4em;
}

#graph dl{
 width:242px;
 border-right:1px #999999 dotted;
 border-top:1px #999999 dotted;
 margin:0;
 padding:0;
 float:left;
 height:70px;
}

#graph dl dt{
 color:#00A0FF;
 padding:10px;
 font-size:1.2em;
}


/*------------------- link ----------------------------*/

#special_box #contents p.link{
 margin:0 10px 30px 20px;
 font-size:1.4em;
}

#special_box #contents dl.link{
 width:495px;
 margin:0 10px 30px 20px;
 padding:0;
}

#special_box #contents dl.link dt{
 font-size:1.4em;
 background:url(../immorality/img/side_menu_icon.gif) no-repeat 0px 7px;
 padding:0 0 0 15px;
}

#special_box #contents dl.link dd.immorality{
 margin-left:15px;
 color:#CC3300;
}

#special_box #contents dl.link dd.immorality a:link, #special_box #contents dl.link dd.immorality a:visited{
 color:#CC3300;
 text-decoration: none;
}

#special_box #contents dl.link dd.immorality a:hover, #special_box #contents dl.link dd.immorality a:active{
 color:#CC3300;
 text-decoration: underline;
}

#special_box #contents dl.link dd.behavior{
 margin-left:15px;
 color:#368E8F;
}

#special_box #contents dl.link dd.behavior a:link, #special_box #contents dl.link dd.behavior a:visited{
 color:#368E8F;
 text-decoration: none;
}

#special_box #contents dl.link dd.behavior a:hover, #special_box #contents dl.link dd.behavior a:active{
 color:#368E8F;
 text-decoration: underline;
}

#special_box #contents dl.link dd.wiretap{
 margin-left:15px;
 color:#346AB4;
}

#special_box #contents dl.link dd.wiretap a:link, #special_box #contents dl.link dd.wiretap a:visited{
 color:#346AB4;
 text-decoration: none;
}

#special_box #contents dl.link dd.wiretap a:hover, #special_box #contents dl.link dd.wiretap a:active{
 color:#346AB4;
 text-decoration: underline;
}

#special_box #contents dl.link dd.other{
 margin-left:15px;
 color:#BA8E13;
}

#special_box #contents dl.link dd.other a:link, #special_box #contents dl.link dd.other a:visited{
 color:#BA8E13;
 text-decoration: none;
}

#special_box #contents dl.link dd.other a:hover, #special_box #contents dl.link dd.other a:active{
 color:#BA8E13;
 text-decoration: underline;
}


/*------------------- flow ----------------------------*/

#special_box #contents #flow{
 width:495px;
 margin:0 10px 30px 20px;
 padding:0;
}

#special_box #contents #flow dl{
 width:395px;
 margin:0;
 padding:5px 0 0 0;
 float:right;
}

#special_box #contents #flow img{
 float:left;
}

#special_box #contents #flow dl dt{
 font-size:1.5em;
 font-weight:bold;
 margin-bottom:20px;
}

#special_box #contents #flow dl dt.immorality{
 color:#C10101;
}

#special_box #contents #flow dl dt.serch{
 color:#C14501;
}

#special_box #contents #flow dl dt.behavior{
 color:#368E8F;
}

#special_box #contents #flow dl dt.wiretap{
 color:#346AB4;
}

#special_box #contents #flow dl dt.other{
 color:#BA8E13;
}


/*------------------- index ----------------------------*/

#top_contents{
 float:right;
 width:547px;
 margin:0;
 padding:0;
}

#top_contents #box{
 width:265px;
 float:left;
 margin:0 0 30px 0;
 padding:0;
}

#top_contents #box.left{
 margin-right:10px;
}

h4.immorality{
 border-left:3px #CC0000 solid;
 background-color:#FFF7F7;
 padding:7px 0 5px 10px;
 color:#C10000;
 margin:0 0 20px 0;
 font-weight:bold;
 font-size:1.4em;
}

h4.behavior{
 border-left:3px #39A29C solid;
 background-color:#E8FAF8;
 padding:7px 0 5px 10px;
 color:#39A29C;
 margin:0 0 20px 0;
 font-weight:bold;
 font-size:1.4em;
}

h4.wiretap{
 border-left:3px #346AB4 solid;
 background-color:#EBF2FC;
 padding:7px 0 5px 10px;
 color:#346AB4;
 margin:0 0 20px 0;
 font-weight:bold;
 font-size:1.4em;
}

#top_contents #box img{
 float:left;
}

#top_contents #box p{
 float:right;
 width:165px;
}

#top_contents #box p.detail{
 padding:20px 0 0 0;
 color:#CC3300;
 text-align:right;
}

#top_contents #box p.detail a:link, #box p.detail a:visited{
 color:#006499;
 text-decoration: none;
}

#top_contents #box p.detail a:hover, #box p.detail a:active{
 color:#006499;
 text-decoration: underline;
}

#top_contents #entry{
 width:253px;
 margin:0 0 0 6px;
 padding:20px 0 0 0;
 clear:both;
}

#top_contents #box #entry #title{
 width:253px;
 background: url(../img/top/voice_title.jpg) no-repeat;
 height:21px;
 margin:0;
 padding:0;
}

#top_contents #box #entry #title.qa{
 background:url(../img/top/qa_title.jpg) no-repeat;
}

#top_contents #box #entry #title p{
 color:#FFFFFF;
 font-size:1em;
 text-align:right;
 padding:3px 3px 0 0;
}

#top_contents #box #entry #title p a:link, #box #entry #title p a:visited{
 color:#FFFFFF;
 text-decoration: none;
}

#top_contents #box #entry #title p a:hover, #box #entry #title p a:active{
 color:#FFFFFF;
 text-decoration: underline;
}

#top_contents #box #entry dl{
 width:251px;
 border-bottom:1px #D2D2D2 solid;
 border-left:1px #D2D2D2 solid;
 border-right:1px #D2D2D2 solid;
 margin:0;
 padding:15px 0 10px 0;
}

#top_contents #box #entry dl dt{
 float:left;
 margin:2px 0 0 10px;
 padding:0;
}

#top_contents #box #entry dl dd{
 width:190px;
 float:right;
 margin:0 5px 5px 0;
 color: #0099CC;
}

#top_contents #box #entry dl dd a:link, #top_contents #box #entry dl dd a:visited{
 color:#0099CC;
 text-decoration: none;
}

#top_contents #box #entry dl dd a:hover, #top_contents #box #entry dl dd a:active{
 color:#0099CC;
 text-decoration: underline;
}

#top_contents #reason{
 width:540px;
 background:url(../img/top/reason.gif) no-repeat 310px 64px;
 margin:0 0 30px 0;
 padding:0;
 clear:left;
}

#top_contents #reason p{
 padding:0 281px 0 0;
 float:right;
 width:165px;
}

#top_contents #reason p.detail{
 padding:20px 0 0 0;
 color:#CC3300;
 text-align:right;
 margin-right:0;
}

#top_contents #reason p.detail a:link, #top_contents #reason p.detail a:visited{
 color:#006499;
 text-decoration: none;
}

#top_contents #reason p.detail a:hover, #top_contents #reason p.detail a:active{
 color:#006499;
 text-decoration: underline;
}

#top_contents #reason img{
 float:left;
}