@charset "Shift_JIS";


/* ------------------------------
 リセット
------------------------------ */

#vfwrapping {width:944px; border:solid 3px #039; margin-top:5px; margin-bottom:20px;}/* IEでborderを指定した要素内の背景画像（h3、h4用）が欠ける不具合を回避するためのラッピング */
#vulkanoflow {width:944px; background-color:#fff; color:#303030; font-size:12px; text-align:left;}
#vulkanoflow * {margin:0; padding:0;}
#vulkanoflow img {border:none;}
#vulkanoflow table {border-collapse:collapse; border:none; padding:0;}
#vulkanoflow td,#vulkanoflow th {vertical-align:top; font-size:12px; color:#000000; line-height:1.5;}
#vulkanoflow a {text-decoration:underline; color:#00f;}
#vulkanoflow a:hover {color:#f00;}
#vulkanoflow p {margin-bottom:1em; color:#000000;}
#vulkanoflow h2 {margin:0;}
/* -----　h4→h3に変更　2012.11.07　ここから　------ */
#vfwrapping #vulkanoflow h3 {background:url(/CL2/vulkano/image/h4_bg.gif) no-repeat; color:#fff; font-size:18px; padding-left:20px; padding-top:9px; height:41px; line-height:1; margin:30px 0 6px; border: 0;}
#vfwrapping #vulkanoflow h3.guide {
	background:url(/CL2/vulkano/guide/h4_bg.jpg) no-repeat;
	color:#fff;
	font-size:18px;
	padding: 9px 0 0 20px;
	height:41px;
	line-height:1;
	margin:30px 0 6px;
	border: 0
}
/* -----　h4→h3に変更　2012.11.07　ここまで　------ */
/* -- #vulkanoflow h4 {color:#fff; font-size:18px; padding-left:20px; padding-top:9px; height:41px; line-height:1; margin:30px 0 6px;} --*/
#vulkanoflow h4{border-left:5px solid #c00; color:#000000; font-size:16px; line-height:1.35; padding-left:10px; margin:30px 0 15px; background: none;}
/* -----　vulkano3manbuy.html用　enets　ここから　------ */
#vfwrapping #vulkanoflow .inner #guide h4 {border-left:5px solid #c00; color:#c00; font-size:16px; line-height:1.35; padding:0 0 0 10px; margin:30px 0 15px; background: none; height: auto;}
/* -----　vulkano3manbuy.html用　ここまで　------ */
#vulkanoflow .inner {
	margin:15px 12px;
	color: #000000;
}
#vulkanoflow .inner2 {
	margin:15px 10px;
	color: #000000;
}
#vulkanoflow .red {color:#c00;}
#vulkanoflow .indent {margin-left:1em; text-indent:-1em;}
#vulkanoflow .indent p {margin-bottom:0;}
#vulkanoflow .pagetop {text-align:right; padding:30px 22px 30px 0;}

#vulkanoflow ul.point {margin-right:15px;}
#vulkanoflow .point li {background:url(/CL2/vulkano/image/icon_check.gif) no-repeat 0 0; padding-left:21px; font-size:14px; font-weight:bold; line-height:1.35; color:#000000; margin-bottom:1em;}

#vulkanoflow .news {background:url(/CL2/image/news_bg02.gif) repeat-y; border:3px solid #ff5a00; margin-top:30px; padding-bottom:10px;}
#vulkanoflow .news table {width:899px;}
#vulkanoflow .news th {background:url(/CL2/image/news_bg01.gif) no-repeat 0 50%; color:#fff; font-size:14px; vertical-align:middle; text-align:left; line-height:1; width:88px; padding-left:18px;}
#vulkanoflow .news td {
	padding:10px;
	border-bottom:1px solid #CCC;
	font-size:14px;
	font-weight:bold;
	color: #000000;
}
#vulkanoflow .news td.date {font-size:12px; white-space:nowrap;}
#vulkanoflow .news span {background:url(/CL2/image/news_arrow.gif) no-repeat 0 2px; padding-left:20px; display:inline-block; margin-top:5px; margin-right:20px;}

#vulkanoflow .news2 {background:url(/CL2/vulkano/image/news_bg202.jpg) repeat-y; border:3px solid #00aed2; margin-top:15px; padding-bottom:10px;}
#vulkanoflow .news2 table {width:899px;}
#vulkanoflow .news2 th {background:url(/CL2/vulkano/image/news_bg201.jpg) no-repeat 0 50%; color:#fff; font-size:14px; vertical-align:middle; text-align:left; line-height:1; width:88px; padding-left:18px;}
#vulkanoflow .news2 td {padding:10px; font-size:14px; font-weight:bold;}
#vulkanoflow .news2 td.date {font-size:12px; white-space:nowrap;}
#vulkanoflow .news2 span {padding-left:20px; display:inline-block; margin-top:5px; margin-right:20px;}

#vfwrapping #vulkanoflow .media h3 {background:url(/CL2/vulkano/image/media_ttl.gif) no-repeat; font-size:18px; padding-left:50px; padding-top:9px; height:41px; margin: 0 0 20px; line-height:1; color:#000;}
#vulkanoflow .media h4 {border-bottom:1px solid #c00; border-left:none; background:url(/CL2/vulkano/image/media_arrow.gif) no-repeat 0 3px; margin:15px 30px 10px; padding:0 0 5px 13px; color:#c00; font-size:16px; line-height:1; height:auto;}
#vulkanoflow .media table {margin:0 30px 15px 30px;}
#vulkanoflow .media th {text-align:left; white-space:nowrap; padding-right:15px;}

#vfwrapping #vulkanoflow h3.buy {margin:30px 0 15px; padding-left:125px; padding-top:0px; background:url(/CL2/vulkano/image/buy_h3.jpg) no-repeat; color:#fff; font-size:21px; line-height:51px; height:51px;}
#vulkanoflow #provision {}
#vulkanoflow #provision h3 {margin:30px 0 15px; padding-left:125px; padding-top:0px; background:url(/CL2/vulkano/image/provision_h3.jpg) no-repeat; color:#fff; font-size:21px; line-height:51px; height:51px;}
#vulkanoflow #provision dt {
	font-weight:bold;
	font-size:14px;
	color: #000000;
}
#vulkanoflow #provision dd {
	margin-left:1em;
	margin-bottom:1em;
	color: #000000;
}
#vulkanoflow #provision dt.caution {
	font-size:12px;
	color: #000000;
}

#vulkanoflow .player {margin:30px 45px; width:800px;}
#vulkanoflow .player1 td {
	text-align:center;
	font-size:13px;
	color: #000000;
}
#vulkanoflow .player1 td img {margin-bottom:10px;}
#vulkanoflow table.player2 {border:solid 1px #39c;}
#vulkanoflow .player2 th {background-color:#39c; color:#fff; font-size:16px; padding:10px; line-height:1;}
#vulkanoflow .player2 td {vertical-align:middle; padding:10px 15px; text-align:left;}
#vulkanoflow table.player3 {width:192px; border:1px solid #39c;}
#vulkanoflow .player3 th {background-color:#39c; color:#fff; padding:5px 0; line-height:1.3;}
#vulkanoflow .player3 td {padding:7px; text-align:left; line-height:1.3;}
#vulkanoflow .player3 td.btn {text-align:center; padding:0;}

#vulkanoflow dl.playersoft {border:solid 1px #39c; width:190px;}
#vulkanoflow .playersoft dt {width:190px; text-align:center; font-weight:bold; color:#fff; background-color:#39c; padding:5px 0; line-height:1.2; display:block;}
#vulkanoflow .playersoft dd {width:190px; text-align:left; line-height:1.3; padding:7px; display:block;}
#vulkanoflow .playersoft dd.btn {text-align:center; padding:5px 0 0;}

#vulkanoflow table.spec_chart {margin-bottom:10px;}
#vulkanoflow .spec_chart td {
	text-align:center;
	width:273px;
	font-size: 13px;
	color: #000000;
}
#vulkanoflow .spec_chart .example {background-color:#fff; padding:5px 0;}
#vulkanoflow .spec_chart .example img{margin-bottom:5px;}

#vfwrapping #vulkanoflow h3.spec {margin:30px 0 15px; padding-left:125px; padding-top:0px; background:url(/CL2/vulkano/image/spec_h3.jpg) no-repeat; color:#fff; font-size:21px; line-height:51px; height: 51px;}
#vulkanoflow table.spec {margin-bottom:20px;}
#vulkanoflow .spec th, #vulkanoflow .spec td {padding:7px 10px; border:1px solid #999; vertical-align:middle;}
#vulkanoflow .spec th {background-color:#efefef; white-space:nowrap;}

#vulkanoflow table.manual_step {background:url(/CL2/vulkano/image/manual_step_bg.gif) no-repeat top right; width:900px;}
#vulkanoflow .manual_step th {text-align:left;}
#vulkanoflow .manual_step td {vertical-align:middle; text-align:right; padding-right:30px;}
#vulkanoflow .manual_step td img {vertical-align:middle; margin-right:10px;}

#vulkanoflow table.manual_english {margin:30px 0;}
#vulkanoflow .manual_english th {text-align:left; font-size:14px; padding-right:30px;}
#vulkanoflow .manual_english td {vertical-align:middle; padding-right:30px; padding-left:1em; height:2em;}
#vulkanoflow .manual_english td img {vertical-align:middle; margin-right:5px;}

#vulkanoflow h3.bbs {margin:30px 0 15px; padding-left:125px; padding-top:0px; background:url(/CL2/vulkano/image/bbs_h3.jpg) no-repeat; color:#fff; font-size:21px; line-height:51px;}

#vulkanoflow #servicenav ul{list-style-type:none; margin-left:200px; padding:0;}
#vulkanoflow #servicenav li{float:left; width:250px; margin-right:10px; padding:0;}

#vulkanoflow .inner .content2{
	width: 900px;
}

/* ========================================================================================== */
/* -----　トップページ start　------ */

/* -----　文字サイズを１３に　------ */
#vulkanoflow .text13 { font-size: 13px; color: #000000;}
#vulkanoflow .text14b{ font-size: 14px; color: #000000; font-weight:bold;}

#vulkanoflow .no_setting{margin: 0 30px 0 0px; background: url(/CL2/vulkano3/images/iphonega_img2.gif) no-repeat left top; height: 99px; width: 520px; padding: 0 0 0 10px;}
#vulkanoflow .no_setting p.lead1{
	font-size: 13px;
	font-weight: bold;
	padding: 11px 0 0 6px;
	margin: 0px;
	color: #000000;
}
#vulkanoflow .no_setting p.lead2{
	font-size: 13px;
	padding: 5px 0 0 8px;
	margin: 0px;
	color: #000000;
}

#vulkanoflow .vulset{ height:270px; margin:0px 10px; background: url(/CL2/vulkano3/images/option_back.gif) no-repeat; padding:0 0 0 20px;}
#vulkanoflow table.vulset1{}
#vulkanoflow .vulset1 td{ text-align:left; width:200px; font-size: 13px; }
#vulkanoflow .vulset1 h4{ border-left:5px solid #c00; color:#000000; font-size:16px; line-height:1.35; padding-left:10px; margin:25px 0 10px; background: none;}
#vulkanoflow .vulset1 p.black{ color:#000; font-size:13px; padding-left: 0px;  margin:0 0 5px;}
#vulkanoflow .vulset1 p.red{ color:#c00; margin:5px 0 0 0; font-size:24px; padding-left: 0px;}
#vulkanoflow .vulset1 .set {padding:7px 0;}
#vulkanoflow .vulset1 .set img{margin-bottom:0px;}
/* -----　mediakiji　------ */
#vulkanoflow .media { margin: 0px 35px; width:800px;}
#vulkanoflow .scr { overflow: scroll;   /* スクロール表示 */ width: 820px; height: 300px; background-color: #FFF; border-top:solid 1px #CCC; border-left:solid 1px #CCC; padding-left: 0px;}
#vulkanoflow .scr .kijiarea{ clear: both; padding: 20px 0px 20px 20px; }
#vulkanoflow .scr .kiji{ float: left; width: 350px; padding: 15px 10px;}
#vulkanoflow .media .webtitle{ position:absolute; bottom:0; color: #000; font-size:18px; text-align: right; width: 210px; height: 24px; background: url(/CL2/vulkano3/images/media_line.gif) no-repeat left top; padding: 0 0 0 15px; margin-top: 4px;}
#vulkanoflow .media table {margin:0 30px 15px 25px;}
#vulkanoflow .media th {text-align:left; white-space:nowrap; padding-right:15px;}

#vulkanoflow .scr table.mediakeisai .intro{/* 紹介文 */ position:relative; height: 140px;/* 内容が多い場合は増やす */ width: 225px;}
#vulkanoflow .scr table.mediakeisai p{ margin-left:15px; font-size:13px;}
#vulkanoflow .scr table.mediakeisai a{ color: #000; text-decoration:}
#vulkanoflow .scr table.mediakeisai a:hover{ color: #0033cc; text-decoration: none;}
#vulkanoflow .scr table.mediakeisai img{ border: 1px solid #CCCCCC;}

/* -----　設置サービス start　------ */
#cont4_howto { position:relative;}
#cont4_howto li{ width:860px; padding:30px 20px; border-bottom:1px dotted #CCC; overflow:hidden; zoom:1; position:relative;}
#cont4_howto .howto_number{ float:left; width:55px; padding:0 25px 0 0;}
#cont4_howto .howto_img{ float:left; width:210px; padding-right:20px; margin-left:18px;}
#cont4_howto .cont4_wrap{ float:left; text-align:left; width:512px;}
#cont4_howto .last{ border:none;}
#cont4_howto .cont4_arrow01{ left:27px; top:-106px;}
#cont4_howto .cont4_arrow02{ left:27px; top:50px;}
#cont4_howto .cont4_arrow03{ position:absolute; left:27px; top:382px;}

.service p,li,th,td{font-size:13px !important;color: #000000;}
.fontsize{font-size:13px !important;}
.fontsize2 td{font-size:12px !important;}
.toptxt{padding:0 10px 0;}
#vulkanoflow .pinkbox{
	border:4px solid #fddeee;
	padding:12px 32px 0 21px;
	background:url(/CL2/vulkano/set/fukidashi_pink.gif) 600px 8px no-repeat;
	_background:url(/CL2/vulkano/set/fukidashi_pink.gif) 600px no-repeat;
	height:165px;
	width:789px;
	_padding-top:12px;
	margin-left:22px;
	_width:850px;
	_height:180px;
	color: #000000;
}
#vulkanoflow .pinkbox p{
	background:url(/CL2/vulkano/set/yubi.gif) no-repeat left;
	font-size:17px !important;
	font-weight:bold;
	padding-left:44px;
	height:26px;
	padding-top:10px;
	color: #000000;
}
#vulkanoflow .pinkbox ul{list-style-image:url(/CL2/vulkano/set/check_li.gif);margin-left:36px; margin-top:-2px !important;}
#vulkanoflow .pinkbox li{font-weight:bold; margin-bottom:5px;}
.nomal{font-weight:normal;}
.about_table{margin-top:5px;}
.pl14{padding-left:14px;}
.p14{padding:14px;}
.optionbox{margin-top:5px;}
.optop{padding-top:5px;}
.valign{vertical-align:bottom;}
.opbox_en{color:#CC0000; font-weight:bold; font-size:13px; text-align:center; display:block; vertical-align:middle;}
.grayfont{color:#6b6b6b;}
.kankyoubox{color:#000000;}
.kankyoubox table{margin-top:10px; color:#000000;}
.kankyou_txt{padding:0 50px 0 0;}
.td_n{text-decoration:none;}
#vulkanoflow .kihonbox{border-bottom:1px dotted #cccccc;padding-bottom:42px;margin-bottom:27px;}
#vulkanoflow .kihon_pink{ vertical-align:top; background:#FFE8FF; padding:10px;}
#vulkanoflow .callbox{ text-align:center; margin:15 0;}
#vulkanoflow .callbox p{margin:0; line-height:2;}
/* -----　設置サービス end　------ */

/* -----　お試しサービス　start　------ */
.caution {color:#000000;}
.sub {line-height:1.2; font-size:0.85em;}
#cont4_howto2 { position:relative;}
#cont4_howto2 li{ width:860px; padding:30px 20px; border-bottom:1px dotted #CCC; overflow:hidden; zoom:1; position:relative;}
#cont4_howto2 .howto_number2{ float:left; width:55px; padding:5px 39px 0 0;}
#cont4_howto2 .howto_img2{ float:left;	 width:210px; padding-right:20px;}
#cont4_howto2 .cont4_wrap2{ float:left; text-align:left; width:530px; _width:512px;}
#cont4_howto2 .last{	border:none;}
#cont4_howto2 .cont4_arrow01{ position:absolute; left:27px; top:135px; _top:150px;}
#cont4_howto2 .cont4_arrow02{ position:absolute; left:28px; top:1001px; _top:1148px;}
#cont4_howto2 .cont4_arrow03{ position:absolute; left:26px; top:755px; _top:915px;}
#cont4_howto2 a{text-decoration:none;}

.graybox{background:#e6e6e6; width:730px; _width:715px !important; padding:12px !important; margin-bottom:25px !important;}
.graybox table{border-left:1px solid #676767;  width:730px !important; _width:715px !important; font-weight:bold; color:#000 !important; margin:0 auto !important;}
.graytable th{ background:#676767; color:#fff !important; text-align:center; height:26px; vertical-align:middle !important;}
.gb_width{width:320px; _width:315px;}

.graytable tr{border:1px solid #676767; background:#fff;}
.graytable td{height:48px; text-align:center; vertical-align:middle !important;border:1px solid #676767;}
.border_r{ border-right:1px solid #676767; color: #000000;}

.flowbox{margin-top:14px; margin-left:15px;}
.mb52{margin-bottom:52px;}

#vulkanoflow .flowboxtxt{font-weight:bold; font-size:14px; margin-bottom:20px;}
#vulkanoflow .flowbox table{width:755px !important; _width:743px !important;}

.pur_bg{ background:#C68CFF; border-right:8px solid #FFFFFF; width:370px !important; _width:358px !important;}
.pur_bg p,.pink_bg p{color:#FFFFFF; font-size:17px;  margin:0 !important;}
.pink_bg{ background:#FF8EC7; padding:0; vertical-align:bottom; height:25px !important;}

.spacebox{width:180px !important; _width:168px !important;}

#vulkanoflow  #cont4_howto2 .blue_table{padding:5px; width:180px !important;  border:1px solid #66cbff; _width:168px !important;}
#vulkanoflow  #cont4_howto2 .bgblue{background:#66cbff;}
#vulkanoflow  #cont4_howto2 .bgtitle{padding:5px; width:180px !important; _width:168px !important;}
#vulkanoflow  #cont4_howto2 .pdtb{padding-left:6px; padding-right:5px; text-align:left;}
#vulkanoflow  #cont4_howto2 .pdtb2{width:180px !important;  _width:168px !important; border:1px solid #66cbff;}
#vulkanoflow  #cont4_howto2 .pd5{padding:5px;}
#vulkanoflow  #cont4_howto2 .bluet_und{padding-top:20px; padding-right:0px; text-align:left;}
#vulkanoflow  #cont4_howto2 .und2{text-decoration:none; font-size:13px;}

.ml15{margin-left:15px;}
.step3{margin-top:14px; width:700px !important; _width:650px !important; margin-left:15px;}

.link_n{text-decoration:none;}

.ieheight:not(:target) {height:119px\9;}
.ieheight2{_height:110px;}
.ieheight3{_height:136px;}
/* -----　お試しサービス　end　------ */

/* -----　動画　ここから　------ */
.tablebox{text-align:left !important;}
.fontsize{font-size:13px;}
.movie_box{padding:0 5px 5px 5px; }
.movie_m{font-size:14px !important; font-weight:bold; text-align:left; margin-bottom:6px !important;}
.grayfont2{text-align:left; color:#717171;}

.movie_pink{background:#fdd9d9; font-weight:bold; width:732px; margin:56px auto 16px !important; height:31px; text-align:center; line-height:31px; font-size:14px;}
.movie_1{margin-bottom:12px;}
.mb42{margin-bottom:42px !important;}

.pur_top{ height:31px; color: #000000;
}
.pur_left{ background:#E6E6FF; border-bottom:1px solid #E0E0E0;line-height:31px;  width:149px !important; vertical-align:middle !important;padding-left:19px !important; font-weight:bold;}
.pur_right{
	background:#E6E6FF;
	border-bottom:1px solid #E0E0E0;
	line-height:31px;
	width:565px !important;
	vertical-align:middle !important;
	font-weight:bold;
	color: #000000;
}
.pur_tbl_l{background:#FDFDFF; border-bottom:1px solid #E0E0E0;  padding:12px 0 10px 9px !important;}
.pur_tbl_r{bbackground:#FDFDFF; border-bottom:1px solid #E0E0E0; color:#000000!important; padding-left:11px !important; padding-top:8px !important;}

/* -----　動画　ここまで　------ */