@charset "UTF-8";
/* CSS Document */

/*=========================================
 container
=========================================*/

h2{
	margin-bottom:10px;
}

h3{
	height:40px;
	margin-bottom:20px;
	padding-left:25px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:40px;
	background-image: url(../castanet/image/h3_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border: 1px solid #BBB;
}

h4{
	height:30px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-left:25px;
	line-height:25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	background-image: url(../castanet/image/h4_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

h5{
	height:35px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	line-height:30px;
	background-image: url(../castanet/image/bt_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h6{
	font-size:16px;
	font-weight:bold;
	color:#009;
	margin-bottom:10px;
}

h7{
	margin:0;
	padding:0;
	margin-bottom: 20px;
}

.contents_l{
	width:620px;
	margin-bottom:30px;
	margin-left:20px;
}

.contents_l ul{
	padding:0;
	margin-left: 1em;
}

.contents_l li{
	margin-bottom:10px;
	list-style-image: url(../castanet/image/bt_list.gif);
}

.contents_l p{
	margin-bottom:20px;
}

.contents_m{
	width:590px;
	margin-bottom:30px;
	margin-left:15px;
	margin-top:20px;
}

.contents_m ul{
	margin:0 0 0 2em;
	padding:0;
}

.contents_m li{
	margin-bottom:20px;
}


.contents_m p{
	width:550px;
	margin-bottom:20px;
	margin-left:20px;
}


.contents_s{
	width:560px;
	margin-left:15px;
	margin-bottom:20px;
}

.contents_c{
	width:620px;
	margin-left:20px;
	margin-bottom: 10px;
	border: 1px solid #AAA;
	background-image: url(../castanet/image/contents_c_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}

.contents_c p{
	font-size: 14px;
	color: #555;
}

.line_c{
	width:620px;
	background-image: url(../castanet/image/contents_c_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAA;
	margin-bottom: 10px;
}

.box_c_right {
	float: right;
	width: 350px;
	margin: 10px;
	list-style-image: none;
	list-style-type: none;
}

.box_c_left {
	float: left;
	width: 350px;
	margin: 10px;
}

#contents_c_right{
	width:190px;
	padding:10px 5px 0 5px;
	float:right;
}

.right_gray{
	background-color:#EEE;
}

.support_contents{
	width:620px;
	margin-bottom:10px;
	margin-left:20px;
	margin-top:20px;
}

.support_contents p{
	margin-bottom:20px;
}

.support_contents_s{
	width:590px;
	margin-bottom:10px;
	margin-left:15px;
	margin-top:20px;
}

.h5_contents{
	width:560px;
	margin-left:15px;
	margin-bottom:20px;
}

.h5_contents img {
	margin-bottom: 15px;
}

/*top_tit*/
#top_tit{
	width:640px;
	height:auto;
	padding:0 10px 15px 10px;
	background:url(../castanet/image/castanet_top_bk.jpg) left bottom repeat-y;
}

#top_tit img{
	float:left;
}

#top_tit_right{
	width:180px;
	float:right;
}

#top_tit_left{
	width:455px;
	float:left;
}

#top_tit #mov{
	width:180px;
	float:right;
	border:#CCC 1px solid;
	margin-bottom:5px;
}

#top_tit #media_news{
	width:350px;
	height:268px;
	background:#FFF;
	float:left;
	border-top:#006 1px solid;
	border-right:#006 1px solid;
	border-bottom:#006 1px solid;
	font-size:11px;
}

#media_news ul{
	margin:0;
	list-style:none;
	padding:6px;
}

#media_news li.txt{
	border-bottom:#666 1px dotted;
	padding-bottom: 7px;
	list-style-type: none;
}

#media_news li#media_btn a,#media_news li#media_btn a:link,#media_news li#media_btn a:visited{
	width:120px;
	height:15px;
	display:block;
	text-indent:-9999px;
	background:url(../castanet/image/media_btn.gif) left top no-repeat;
	overflow:hidden;
	float:right;
	margin:5px 0 0 0;
}

#media_news li#media_btn a:hover,#media_news li#media_btn a:active{
	width:120px;
	height:15px;
	display:block;
	text-indent:-9999px;
	background:url(../castanet/image/media_btn.gif) left bottom no-repeat;
	overflow:hidden;
	float:right;
	margin:5px 0 0 0;
}

/*tv_btn*/
#tv_btn{
	width:180px;
	height:105px;
	float:right;
}

#tv_btn ul{
	margin:0;
	padding:0;
	list-style:none;
}

#tv_btn li{
	margin:0;
	padding:0;
	overflow:hidden;
}

#tv_btn li a,#tv_btn li a:link,#tv_btn li a:visited{
	width:180px;
	height:105px;
	display:block;
	text-indent:-999px;
	background:url(../castanet/image/tv_btn.jpg) left top no-repeat;
}

#tv_btn li a:hover,#tv_btn li a:active{
	width:180px;
	height:105px;
	display:block;
	text-indent:-999px;
	background:url(../castanet/image/tv_btn.jpg) left bottom no-repeat;
}

/*Cloud*/
#contents_box{
	width:620px;
	margin-left:20px;
	margin-bottom: 10px;
	border: 1px solid #AAA;
	background-image: url(../castanet/image/contents_c_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}

#contents_box p{
	font-size: 14px;
	color: #555;
}

#contents_box .cloud_txt{
	width:620px;
	height:300px;
	background:url(../castanet/image/castanet_cloud.jpg) left bottom no-repeat;
}

.cloud_txt .cloud_txt1{
	width:340px;
	margin:20px 0 0 20px;
}

.cloud_txt .cloud_txt2{
	width:550px;
	margin:180px 0 0 20px;
}

#contents_box .notebook{
	width:620px;
	height:450px;
	background:url(../castanet/image/castanet_note.jpg) left top no-repeat;
}

#contents_box .notebook2{
	width:600px;
	height:80px;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
}

.notebook2 img{
	float:right;
	margin-right:10px;
}

.notebook_right{
	width:340px;
	margin:0 10px 0 0;
	float:right;
}

.notebook_left{
	width:250px;
	margin:250px 0 0 15px;
	float:left;
}

/*cloudmail*/
#cloudmail{
	width:200px;
	float:right;
	margin-top:20px;
	margin-right:15px;
	padding:5px;
	border:#00C 1px solid;
	font-weight:bold;
}

#contents_box .air_txt{
	width:590px;
	padding:0 15px 0 15px;
}

#contents_box .android{
	width:340px;
	height:270px;
	padding:0 265px 0 15px;
	background:url(../castanet/image/castanet_and.jpg) left top no-repeat;
}

/*movie*/
#movie{
	width:580px;
	padding:0;
	background:#fff;
	border:#999 1px solid;
	margin:0 auto;
}

#movie img{
	margin-bottom:10px;
}

#movie p{
	float:left;
	margin-left:10px;
	text-align:center;
	font-size:10px;
}


/*=========================================
 sub menu
=========================================*/

#sub_menu_cas{
	width:660px;
	height:35px;
	margin-bottom:20px;
	margin-top: 0px;
}

#sub_menu_cas ul{
	list-style:none;
	margin:0;
	padding:0;
}

#sub_menu_cas li{
	overflow:hidden;
	float:left;
}

/*01*/
#sub_menu_cas li#sub01 a,#sub_menu_cas li#sub01 a:link,#sub_menu_cas li#sub01 a:visited{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/menu01_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub_menu_cas li#sub01,#sub_menu_cas li#sub01 a:hover,#sub_menu li#sub01 a:active{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/menu01_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*02*/
#sub_menu_cas li#sub02 a,#sub_menu_cas li#sub02 a:link,#sub_menu_cas li#sub02 a:visited{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu02_off.gif) left top no-repeat;
}

#sub_menu_cas li#sub02,#sub_menu_cas li#sub02 a:hover,#sub_menu li#sub02 a:active{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu02_on.gif) left bottom no-repeat;
}

/*03*/
#sub_menu_cas li#sub03 a,#sub_menu_cas li#sub03 a:link,#sub_menu_cas li#sub03 a:visited{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu03_off.gif) left top no-repeat;
}

#sub_menu_cas li#sub03,#sub_menu_cas li#sub03 a:hover,#sub_menu li#sub03 a:active{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu03_on.gif) left bottom no-repeat;
}

/*04*/
#sub_menu_cas li#sub04 a,#sub_menu_cas li#sub04 a:link,#sub_menu_cas li#sub04 a:visited{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu04_off.gif) left top no-repeat;
}

#sub_menu_cas li#sub04,#sub_menu_cas li#sub04 a:hover,#sub_menu li#sub04 a:active{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu04_on.gif) left bottom no-repeat;
}

/*05*/
#sub_menu_cas li#sub05 a,#sub_menu_cas li#sub05 a:link,#sub_menu_cas li#sub05 a:visited{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu05_off.gif) left top no-repeat;
}

#sub_menu_cas li#sub05,#sub_menu_cas li#sub05 a:hover,#sub_menu li#sub05 a:active{
	width:100px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu05_on.gif) left bottom no-repeat;
}

/*06*/
#sub_menu_cas li#sub06 a,#sub_menu_cas li#sub06 a:link,#sub_menu_cas li#sub06 a:visited{
	width:160px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu06_off.gif) left top no-repeat;
}

#sub_menu_cas li#sub06,#sub_menu_cas li#sub06 a:hover,#sub_menu li#sub06 a:active{
	width:160px;
	height:35px;
	text-indent:-9999px;
	display:block;
	background:url(../castanet/image/menu06_on.gif) left bottom no-repeat;
}



/*=========================================
 contents
=========================================*/
#charge_table{
	border-collapse:collapse;
	margin-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAA;
}

#charge_table th{
	padding:7px;
	vertical-align:middle;
	background-color: #EEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
	font-weight: normal;
	color: #555;
}

#charge_table td{
	background-color:#fff;
	padding:7px;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-bottom-color: #AAA;
	border-left-color: #AAA;
	color: #777;
}

.td_center{
	text-align:center;
}

.w_580{
	width:580px;
	margin-left:20px;
	margin-bottom:20px;
}

/*=========================================
 Right_menu
=========================================*/

/**reserv_btn*******/
#reserv_btn{
	width:190px;
	height:45px;
	margin-bottom:15px;
}

#reserv_btn ul{
	list-style:none;
	margin:0;
	padding:0;
}

#reserv_btn  li{
	overflow:hidden;
}
	
#reserv_btn li#reserv a,#reserv_btn li#reserv a:link,#reserv_btn li#reserv a:visited{
	width:190px;
	height:45px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/reserv_btn.gif) left top no-repeat;
}

#reserv_btn li#reserv a:hover,#reserv_btn li#reserv a:active{
	width:190px;
	height:45px;
	display:block;
	text-indent:-9999px;
	background:url(../platinum/image/reserv_btn.gif) left bottom no-repeat;
}

/**phone*******/
#new_ad{
	width:168px;
	padding:10px 10px 5px 10px;
	border:#666 1px solid;
	background:#FFF;
	margin-bottom:15px;
	text-align:center;
}

#new_ad p{
	margin-bottom:5px;
}

/**right_table*******/
#right_table{
	width:190px;
	border-collapse:collapse;
	border:1px solid #777;
	background-color:#FFF;
	margin-bottom:15px;
}

#right_table th{
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:20px;
	background-image: url(../castanet/image/bt_bg.jpg);
}

#right_table th a{
	color:#FFF;
	text-decoration:none;
}

#right_table th a:hover{
	color:#FFF;
	text-decoration:underline;
}

.right_table_th_2{
	line-height:110%;
}

#right_table td{
	border-bottom:#2d6c9f 1px dotted;
	background:url(../../common_img/red_ico_25-40.gif) left top no-repeat;
	padding-left:25px;
	padding-right:10px;
	height:40px;
	line-height:110%;
}

#right_table a,a:hover{
	text-decoration:none;
}

#right_table_contents{
	width:190px;
	border-collapse:collapse;
	border:1px solid #777;
	background-color:#FFF;
	margin-bottom:10px;
}

#right_table_contents th{
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:20px;
	background-image: url(../castanet/image/bt_bg.jpg);
}

#right_table_contents th a,#right_table_contents th a:link,#right_table_contents th a:visited{
	background-color:#2d6c9f;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:25px;
}

#right_table_contents th a:hover,#right_table_contents th a:active{
	background-color:#2d6c9f;
	color:#FFF;
	font-weight:normal;
	text-decoration:underline;
	text-align:center;
	padding:5px;
	height:25px;
	line-height:25px;
}

#right_table_contents td{
	padding:10px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #777;
}

#right_table_contents a,a:hover{
	text-decoration:none;
}


/**document*******/
#document{
	width:190px;
	height:32px;
	margin-bottom:10px;
}

#document ul{
 list-style:none;
	margin:0;
	padding:0;
}

#document li{
	overflow:hidden;
}

#document li#doc_btn a,#document li#doc_btn a:link,#document li#doc_btn a:visited{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../../option/platinum/image/documnt_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#document li#doc_btn a:hover,#document li#doc_btn a:link:active{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../../option/platinum/image/documnt_btn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/**document02*******/
#document02{
	width:190px;
	height:32px;
	margin-bottom:10px;
}

#document02 ul{
 list-style:none;
	margin:0;
	padding:0;
}

#document02 li{
	overflow:hidden;
}

#document02 li#doc_btn02 a,#document li#doc_btn02 a:link,#document li#doc_btn02 a:visited{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#document02 li#doc_btn02 a:hover,#document li#doc_btn02 a:link:active{
	width:190px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/btn_login02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/**login*******/
#login{
	width:190px;
	height:45px;
	margin-bottom:10px;
	margin-top: 10px;
}

#login ul{
 list-style:none;
	margin:0;
	padding:0;
}

#login li{
	overflow:hidden;
}

#login li#login_btn a,#login li#login_btn a:link,#login li#login_btn a:visited{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../scooophd/image/btn_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#login li#login_btn a:hover,#login li#login_btn a:link:active{
	width:190px;
	height:45px;
	text-indent:-9999px;
	display:block;
	background-image: url(../scooophd/image/btn_form.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/**faq*******/
#faq{
	width:190px;
	height:40px;
	margin-bottom: 5px;
}

#faq ul{
 list-style:none;
	margin:0;
	padding:0;
}

#faq li{
	overflow:hidden;
}

#faq li#faq_btn a,#faq li#faq_btn a:link,#faq li#faq_btn a:visited{
	width:190px;
	height:40px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/faq_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#faq li#faq_btn a:hover,#faq li#faq_btn a:link:active{
	width:190px;
	height:40px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/faq_off.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/**contact*******/
#contact{
	width:190px;
	height:40px;
	margin-bottom: 5px;
}

#contact ul{
 list-style:none;
	margin:0;
	padding:0;
}

#contact li{
	overflow:hidden;
}

#contact li#contact_btn a,#contact li#contact_btn a:link,#contact li#contact_btn a:visited{
	width:190px;
	height:40px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/contact_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#contact li#contact_btn a:hover,#contact li#contact_btn a:link:active{
	width:190px;
	height:40px;
	text-indent:-9999px;
	display:block;
	background-image: url(../castanet/image/contact_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/**change*******/
#change{
	width:250px;
	height:32px;
	margin-bottom:10px;
}

#change ul{
 list-style:none;
	margin:0;
	padding:0;
}

#change li{
	overflow:hidden;
}

#change li#change_btn a,#change li#change_btn a:link,#change li#change_btn a:visited{
	width:250px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/change_btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#change li#change_btn a:hover,#change li#change_btn a:link:active{
	width:250px;
	height:32px;
	text-indent:-9999px;
	display:block;
	background-image: url(../cloudmail/image/change_btn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*=========================================
 press
=========================================*/

#press_list{
	width:190px;
	list-style-type: none;
	border: 1px solid #AAA;
	margin-bottom: 10px;
	background-color: #FFF;
	font-size: 10px;
	line-height: 14px;
}

#press_list img{
	text-align:right;
}

#press{
	margin:0;
	list-style:none;
	padding: 10px;
}

#press li{
	border-bottom:#666 1px dotted;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}
