@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

body {
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
margin:0;
padding:0;
font-size:14px;
background-color:#FFFFFF;
color:#333333;
}

a:link {color:#008bcc;text-decoration:underline;}
a:visited {color:#008bcc;text-decoration:underline;}
a:hover {color:#57b1dc;text-decoration:none;}
a img {border-style:none;}

.clr{clear:both;}

p {
line-height:180%;
font-size:14px;
}
img {vertical-align:bottom;}


/*---------- ヘッダー ----------*/

header{
width:980px;
margin:0 auto;
padding:10px 0 10px 0;
}
header p {
margin:0 0 5px 0;
padding:0;
font-size:12px;
font-weight:normal;
line-height:100%;
color:#666666;
}
#logo{
width:400px;
float:left;
margin:0;
padding:0;
}
#headmenu{
width:580px;
float:right;
text-align:right;
margin:0;
padding:0;
font-size:12px;
letter-spacing:1px;
color:#CCCCCC;
}
#searchbox{
width:430px;
margin:10px 0 0 auto;
padding:5px 5px 5px 8px;
background-color:#f2ebd8;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#headmenu .member{
display:inline-block;
background-color: #f5e0b1;
padding: 1px 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}


/*---------- グローバルナビゲーション ----------*/

nav{
	margin: 0;
	padding: 0;
	background-image: url(../img/bg_menu.png);
	background-position: top;
	background-repeat: repeat-x;
	border-top: solid 5px #f39800;
	/* [disabled]background-color:#e6e6e7; */
}
nav ul{
width:980px;
margin:0 auto;
padding:0;
height:40px;  
overflow:hidden;
font-size:13px;
font-weight:bold;
}
nav ul li{
margin:0 auto;
list-style:none;
float:left;
}
nav ul li a{
display:block;
line-height:40px;
text-align:center;
padding:0 25px;
border-left:solid 1px #dddddd;
border-right:solid 1px #ffffff;
}
nav ul li a:hover{
background-image:url(../img/bg_menu_on.png) ;
}
nav ul li.end{
margin:0 auto;
list-style:none;
float:left;
}
nav ul li.end a{
display:block;
line-height:40px;
text-align:center;
padding:0 10px;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
}
nav ul li.end a:hover{
background-image:url(../img/bg_menu_on.png) ;
}
nav a:link {color:#393636;text-decoration:none;}
nav a:visited {color:#393636;text-decoration:none;}
nav a:hover {color:#555555;text-decoration:none;}


/*---------- パンくず・SNS ----------*/

#navi_sub{
width:980px;
margin:0 auto 0 auto;
padding:0;
}
#pan{
width:780px;
float:left;
margin:0;
padding:13px 0 0 0;
}
#action {
margin:0;
padding:0 0 0 1px;
font-size:11px;
line-height:150%;
color:#999999;
}
#action li {display:inline;list-style-type: none;}
#action a:link {color:#008bcc;text-decoration:underline;}
#action a:visited {color:#008bcc;text-decoration:underline;}
#action a:hover {color:#57b1dc;text-decoration:none;}

#sns{
margin:10px 0 ;
float:right;
}
#sns .twitter-share-button, #sns .fb-like, #sns .hatena-bookmark-button, #sns .pocket-btn{
	display:inline-block;
}
#sns .twitter-share-button{
	vertical-align:bottom;
	}
#sns .fb-like{
}
#sns .hatena-bookmark-button-frame{
	vertical-align:bottom;
	width:80px!important;
	}
#sns .pocket-btn iframe{
	vertical-align:bottom;
	height:20px!important;
}
#sns ul{
width:200px;
margin:0 0 auto 0;
padding:0;
}
#sns ul li{
margin:0;
padding:0;
list-style:none;
float:left;
text-align:right;
}



/*---------- 全体レイアウト ----------*/

#wrapper {
width:980px;
margin:10px auto;
padding:0;
}

#main_box, #main {
width:760px;
float:left;
margin:0 0 0 20px;
padding:0;
}


/*---------- 右カラム ----------*/

#side_right, #right-sidebar {
width:200px;
float:right;
margin:0;
padding:0;
}
#facebook{
margin:0 0 5px 0;
padding:0;
}
#twitter{
margin:0 0 10px 0;
padding:0;
}



/*---------- 左カラム ----------*/

#sidebar {
	width: 200px;
	/* [disabled]float: left; */
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/*--- ログイン ---*/

#login{
margin:0 0 10px 0;
padding:38px 5px 10px 5px;
border:solid 1px #f39800;
background-image:url(../img/title_login.png);
background-position:top center;
background-repeat:no-repeat;
color:#595757;
text-align:center;
}

#login dl{
width:170px;
margin:0 auto;
padding:0;
text-align:left;
}
#login dl dt {
clear:left;
float:left;
width:45px;
margin:0 0 4px 0;
padding:1px 0 0 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}   
#login dl dd {
margin:0 0 5px 48px;
padding:0;
}
.formfield{
width:120px;
height:15px;
margin:0;
padding:0;
border:solid 1px #CCCCCC;
}
.formerea{
margin:0 0 8px 0;
padding:10px 0px 0;
background-color:#f5e0b1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.formcheck{
margin:8px 0 0 0;
padding:0;
text-align:center;
font-size:12px;
line-height:150%;
}
.forget{
margin:0;
padding:0;
text-align:center;
font-size:11px;
}

/*--- メルマガ登録 ---*/

#mailmag{
margin:0 0 10px 0;
padding:40px 9px 6px 9px;
border:solid 1px #CCCCCC;
background-image:url(../img/title_mailmag.png);
background-position:top center;
background-repeat:no-repeat;
color:#595757;
font-size:12px;
line-height:150%;
}
#mailmag dl{
width:170px;
margin:0 auto;
padding:8px 0 5px 0;
}
#mailmag dl dt {
clear:left;
float:left;
width:45px;
margin:0 0 5px 0;
padding:0 0 0 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}   
#mailmag dl dd {
margin:0 0 2px 48px;
padding:3px 0 0 0;
}
.mailmagbtn{
margin:0;
padding:1px 0 0 0;
text-align:center;
font-size:12px;
line-height:200%;
}


/*--- コンテンツ・サイドメニュー ---*/

#sidemenu{
margin:0;
padding:1px 1px 1px 1px;
color:#595757;
font-size:12px;
line-height:150%;
}

.sidelist {
list-style-type: none;
margin:0 0 15px 0;
padding:0;
font-size:12px;
}
.sidelist li { display: inline; }
.sidelist li.category{
display: block;
padding:1px 0 5px 24px;
font-size:14px;
font-weight:bold;
color:#595757;
border-bottom:2px solid #858585;
background-image:url(../img/icon_01.png);
background-position:left 0;
background-repeat:no-repeat;
}
.sidelist a {
display: block;
padding:6px 2px 5px 20px;
border-top:1px solid #ffffff;
border-bottom:1px solid #DDDDDD;
background-color: #f9f9f9;
color:#595757;
text-decoration:none;
background-image:url(../img/list_03.png);
background-position:5px center;
background-repeat:no-repeat;
}
.sidelist a:hover {
background-color:#f2f2f2;
color:#57b1dc;
background-image:url(../img/list_04.png);
background-position:5px center;
background-repeat:no-repeat;
}

/*--- コンテンツ・サイドメニュー（追加16.01フジダイ） ---*/
#sidebar .list .side-news, #sidebar .list .side-writers, #sidebar .list .side-books{
margin:0 0 5px 0;
padding:0;
border:solid 1px #CCCCCC;
}
#sidebar .list .side-news a, #sidebar .list .side-writers a, #sidebar .list .side-books a {
	display: block;
	padding: 5px 5px 5px 30px;
	background-color: #f9f9f9;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	line-height: 150%;
}
#sidebar .list .side-news a{
	background-image: url(../img/icon-news.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#sidebar .list .side-writers a{
	background-image: url(../img/icon-writers.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#sidebar .list .side-books a{
	background-image: url(../img/icon-books.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}

#sidebar .list .side-news a:hover, #sidebar .list .side-writers a:hover, #sidebar .list .side-books a:hover {
background-color:#f2f2f2;
color:#57b1dc;
}

#sidebar .list .side-bana01{
margin:0 0 10px 0;
padding:0;
border:solid 1px #CCCCCC;
}
#sidebar .list .side-bana01{
margin:0 0 10px 0;
padding:0;
border:solid 1px #CCCCCC;
}
#sidebar .list .side-bana{
	margin: 0 0 10px 0;
	padding: 0;
	border: solid 1px #CCCCCC;
	width: 198px;
	height: 133px;
	background-repeat: no-repeat;
	position: relative;
}
#sidebar .list .side-bana a{
	display:block;
	height: 133px;
	color: #FFF;
	text-decoration: none;
	background-color:rgba(0,0,0,0.5); 
	}
#sidebar .list .side-bana a:hover{
	color:#57b1dc;
	background-color:rgba(0,0,0,0.6); 
}
#sidebar .list .side-bana a div{
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	margin: 8px 10px;
	width: 178px;
	}
#sidebar .list .side-bana span{
	display:inline-block;
	padding:0 3px;
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 10px;
	line-height: 15px;
}
#sidebar .list .pickup span{
	background-color: #0080FF;
}
#sidebar .list .column span{
	background-color: #85B200;
}


/*--- サイドバナー（広告・左右共通） ---*/

.sidebanner{
margin:0;
padding:0;
}
.sidebanner img{
margin:0 0 5px 0;
}
.sidebanner a:hover img{opacity:0.5;filter:alpha(opacity=50);}



/*---------- トップページメインカラム ----------*/

#main_top {
width:540px;
float:left;
margin:0;
padding:0;
}
#blog-content {
line-height: 150%;
letter-spacing: 1px;
font-size: 14px;
}


/*--- テキストリンク ---*/

#local_navi{
margin:0 0 10px 0;
padding:5px 7px 6px 5px;
font-size:12px;
line-height:100%;
background-image:url(../img/d_dot.gif);
}
#pickup{
margin:0;
padding:10px 10px 8px 130px;
background-color:#FFFFFF;
background-image:url(../img/pickup.png);
background-position:left;
background-repeat:no-repeat;
}
#pickup a{
padding-left:15px;
margin-right:10px;
background-image:url(../img/list_04.png);
background-position:left;
background-repeat:no-repeat;
}


/*--- スライダー箇所 ---*/

#catch{
margin:20px 0 30px 0;
padding:0;
border:solid 1px #dddddd;
}


/*--- 講師・著書・ウェブ通情報 ---*/

#main_info{
clear:left;
margin:0 0 25px 0;
padding:10px 12px 15px 12px;
background-image:url(../img/main_info.png);
background-position:center;
background-repeat:repeat-y;
border:solid 10px #68391b;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#main_info p{
font-size:12px;
line-height:180%;
letter-spacing:0;
color:#FFFFFF;
}
.portfolio{
margin:0 0 5px 0;
padding:2px;
background-color:#FFFFFF;
box-shadow:0px 1px 3px #213f20;
}

.info_title01{height:28px;background-image:url(../img/info_title01.png);background-position:top left;background-repeat:no-repeat;text-indent:-3000px;margin:0 0 5px 0;border-bottom:dotted 1px #f2f2f2;}
.info_title02{height:28px;background-image:url(../img/info_title02.png);background-position:top left;background-repeat:no-repeat;text-indent:-3000px;margin:5px 0 5px 0;border-bottom:dotted 1px #f2f2f2;}
.info_title03{height:28px;background-image:url(../img/info_title03.png);background-position:top left;background-repeat:no-repeat;text-indent:-3000px;margin:5px 0 0 0;}

.info_magazine{
margin:0 0 0 0;
padding:15px 10px 1px 10px;
border:dotted 1px #f2f2f2;
}
.info_magazine_title{
margin:0;
padding:3px 10px 1px 8px;
font-size:14px;
font-weight:bold;
color:#133f19;
background-color:#FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.info_magazine ul {
list-style:none;
margin:10px 0 10px 0;
padding:0;
}
.info_magazine ul li {
margin:0 0 4px 2px;
padding:0 0 0 10px;
background-image: url(../img/list_01.gif);
background-repeat:no-repeat;
background-position:left;
font-size:12px;
line-height:150%;
color:#FFFFFF;
}
.info_magazine_view{
float:right;
margin:2px 0 0 0;
padding:2px;
background-color:#FFFFFF;
box-shadow:0px 1px 5px #213f20;
}

.info_more{
margin:0;
padding:0;
font-size:12px;
text-align:right;
}
#main_info a:link {color:#ffffff;text-decoration:underline;background-image:url(../img/list_07.png);background-position:left;background-repeat:no-repeat;padding-left:15px;}
#main_info a:visited {color:#ffffff;text-decoration:underline;}
#main_info a:hover {color:#EDEDED;text-decoration:none;}


/*--- トップページ見出し ---*/

.top_01{height:40px;background-image:url(../img/top_01.png);text-indent:-3000px;margin:0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}
.top_02{height:40px;background-image:url(../img/top_02.png);text-indent:-3000px;margin:20px 0 0 0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}
.top_03{height:40px;background-image:url(../img/top_03.png);text-indent:-3000px;margin:20px 0 0 0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}


/*--- 週刊！Webニュースまとめ読み ---*/

dl.top_news {
margin:10px 0 2px 0;
padding:0;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#595757;
}   
dl.top_news dt {  
clear:left;
float:left; 
width:150px; 
margin:0 0 5px 0;
padding:5px 0 5px 20px;
background-image:url(../img/list_02.gif);
background-repeat:no-repeat;
background-position:left;
border-bottom:dotted 1px #999999;
}   
dl.top_news dd {   
margin:0 0 5px 0;
padding:5px 0 5px 0;
border-bottom:dotted 1px #999999;
overflow:hidden;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
text-overflow:ellipsis;
width:370px;
white-space:nowrap;
}


/*--- 今週のウェブ通スキルアップクイズ ---*/

.top_quiz{
margin:0 0 2px 0;
padding:10px;
border:solid 1px #dddddd;
}
.top_qus{
margin:0 0 10px 0;
padding:0 0 0 25px;
font-size:12px;
line-height:180%;
background-image: url(../img/q.gif);
background-position:left 3px;
background-repeat:no-repeat;
color:#595757;
}
.top_ans{
margin:0;
padding:1px 15px;
background-color:#faf7eb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #CCCCCC;
}
.top_ans ul {
list-style:none;
margin:10px 0 10px 0;
padding:0;
}
.top_ans ul li {
margin:0 0 5px 2px;
padding:0 0 3px 0;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
line-height:150%;
color:#f39800;
border-bottom:dotted 1px #999999;
}

.skillup {
margin:0 0 30px 0;
padding:15px;
border:solid 1px #CCCCCC;
}
.skillup ul {
margin:0;
padding:0;
}
.skillup ul li {
list-style-type:none;
font-size:14px;
margin:0 0 10px 0;
padding:5px 0 5px 15px;
background-image:url(../img/list_04.png);
background-position:left 8px;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
}

/*--- インタビュー ---*/

.top_interview{
margin:0 0 10px 0;
padding:10px 0 0 0;
font-size:12px;
line-height:150%;
color:#595757;
}
.top_interview img{
float:left;
margin:3px 10px 10px 0;
border:solid 1px #CCCCCC;
}
.top_interview a:hover img{opacity:0.5;filter:alpha(opacity=50);}
.top_interview01{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
.top_interview02{
float:right;
width:265px;
margin:0;
padding:0;
}


/*--- 詳細リンク ---*/

.next_link{
margin:0;
padding:8px 10px 7px 0;
font-size:12px;
line-height:100%;
text-align:right;
background-color:#eeeeee;
}
.next_link a{
	/* padding-left: 15px; */
	/* [disabled]background-image:url(../img/list_04.png); */
	background-position: left;
	background-repeat: no-repeat;
}



/*-------------------- 下層ページ --------------------*/


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}

.h2_01{height:40px;background-image:url(../img/h2_01.png);text-indent:-3000px;margin:0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}
.h2_02{height:40px;background-image:url(../img/h2_02.png);text-indent:-3000px;margin:20px 0 0 0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}
.h2_03{height:40px;background-image:url(../img/h2_03.png);text-indent:-3000px;margin:20px 0 0 0;border-top:solid 1px #DDDDDD;border-bottom:solid 2px #f39800;}

.subtitle{
font-size:21px;
line-height:100%;
font-weight:bold;
margin:0;
padding:25px 0 24px 5px;
border-top:solid 1px #f39800;
color:#333333;
background-image:url(../img/d_dot.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.icon{
margin:0;
padding:0 0 0 25px;
background-image:url(../img/icon_02.png);
background-position:left;
background-repeat:no-repeat;
}
.style_01{
font-size:16px;
line-height:150%;
margin:15px 0 15px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px #666666;
color:#333333;
}
.style_01org{
font-size:16px;
line-height:150% !important;
margin:15px 0 15px 0 !important;
padding:0 0 5px 0 !important;
border-bottom:dotted 1px #666666;
color:#f39800;
}
.style_01_m0{
font-size:16px;
line-height:150%;
margin:0;
padding:0 0 5px 0;
border-bottom:dotted 1px #666666;
color:#333333;
}
.style_02{
font-size:18px;
line-height:100%;
margin:15px 0 25px 0;
padding:8px 0 5px 10px;
border:solid 2px #f39800;
color:#f39800;
}
.style_02_m10{
font-size:18px;
line-height:100%;
margin:15px 0 10px 0;
padding:8px 0 5px 10px;
border:solid 2px #f39800;
color:#f39800;
}

/*---------- コンテンツ ----------*/

.contents{
margin:0 0 15px 0;
padding:15px 30px;
border:solid 1px #dddddd;
}

.sns_btn{
height:35px;
margin:0;
padding:10px 0 0 0;
}
.sns_btn ul{
margin:0;
padding:0;
}
.sns_btn ul li{
margin:0 10px 0 0;
padding:0;
list-style:none;
float:left;
}

ul.check {
margin:0;
padding:0;
}
ul.check li {
list-style-type:none;
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
padding:5px 0 0 30px;
background-image:url(../img/check.gif);
background-position:left;
background-repeat:no-repeat;
}

.sample{
margin:0 0 15px 0;
padding:1px 15px 15px 15px;
border:solid 1px #CCCCCC;
overflow:auto;
height:150px;
background-color:#f9f9f9;
color:#666666;
}
.mailform{
margin:0 0 30px 0;
padding:15px;
background-color:#f2f2f2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-shadow:0px 0px 5px #594a42;
}


.file_img{
margin:5px 0 0 0;
padding:0;
}
.file_list{
margin:5px 0 15px 0;
padding:0;
}
.file_list a:hover img{opacity:0.5;filter:alpha(opacity=50);}

.box_01{
margin:0 0 15px 0;
padding:5px 20px;
background-color:#f7f7f7;
border:solid 1px #eeeeee;
}

.link_title{
margin:0 !important;
padding:7px 0 5px 10px !important;
font-size:14px !important;
font-weight:bold !important;
line-height:150% !important;
color:#484848 !important;
background-color:#f2f2f2 !important;
border-top:solid 1px #dddddd !important;
border-bottom:solid 1px #dddddd !important;
}
.relation{
margin:0 0 15px 0;
padding:10px 0 0 0;
font-size:14px;
line-height:150%;
}
.relation ul{
margin:0;
padding:0;
}
.relation li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 15px;
background-image:url(../img/list_04.png);
background-position:left;
background-repeat:no-repeat;
}
.relation li.category_title {
font-weight:bold;
color:#484848;
padding:0 0 0 0;
background-image:none;
background-position:left;
}

.ad_bigbanner{
margin:0 0 15px 0;
padding:0;
text-align:center;
}
.ad_text{
margin:0;
padding:0;
}


/*---------- faq ----------*/

.qus{
font-size:14px;
font-weight:bold;
color:#165b8a;
margin:15px 0 10px 0;
padding:0 0 0 26px;
background-image:url(../img/q.gif);
background-position:left 1px;
background-repeat:no-repeat;
}
.ans{
margin:0;
padding:0 0 10px 26px;
background-image: url(../img/a.gif) ;
background-position:left 1px;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
font-size:12px;
line-height:180%;
color:#333333;
}


/*---------- セミナーページ ----------*/

.event_new {
margin:0 0 30px 0;
padding:15px 15px 15px 15px;
border:solid 1px #CCCCCC;
}
.event_new ul {

margin:0;
padding:0;
}
.event_new ul li {
list-style-type:none;
font-size:14px;
margin:0 0 10px 0;
padding:5px 0 5px 15px;
background-image:url(../img/list_04.png);
background-position:left 8px;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
}
.event_old {
margin:0 0 15px 0;
padding:15px 15px 15px 15px;
border:solid 1px #CCCCCC;
}
.event_old ul {
margin:0;
padding:0;
}
.event_old ul li {
list-style-type:none;
font-size:14px;
margin:0 0 10px 0;
padding:5px 0 5px 15px;
background-image:url(../img/list_03.png);
background-position:left 8px;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
}

dl.introduction {
margin:0;
padding:0;
}
dl.introduction dt {
clear:left;
float:left;
width:130px;
margin:0 0 15px 0;
padding:0;
}
dl.introduction dt img {
padding:3px;
border:solid 1px #CCCCCC;
}
dl.introduction dd {
margin:0 0 15px 130px;
padding:0;
font-size:14px;
line-height:180%;
color:#333333;
}

/*---------- 実践的な講師陣 ----------*/

.lecturers_box{
margin:0 0 5px 0;
padding:0;
}

.lecturers_left{
width:370px;
float:left;
margin:0;
padding:0;
}
.lecturers_left_sub{
width:370px;
float:left;
margin:0;
padding:15px 0 0 0;
}
.lecturers_right{
width:370px;
float:right;
margin:0;
padding:0;
}
.thumbnail{
width:370px;
position:relative;
}
.thumbnail p{
position:absolute;
left:0;
bottom:0.5em;
color:#fff;
margin:0;
padding:5px 0 5px 3%;
width:97%;
background:#000;
filter:Alpha(opacity=70);
opacity:0.7;
font-size:12px;
letter-spacing:1px;
line-height:200%;
}
.thumbnail a:link {color:#fff;text-decoration:none;}
.thumbnail a:visited {color:#fff;text-decoration:none;}
.thumbnail a:hover {color:#fff;text-decoration:none;}
.thumbnail a:hover img{opacity:0.5;filter:alpha(opacity=50);}

.testimonials{
margin:0;
padding:0;
}
.testimonials p{
font-size:12px;
line-height:180%;
letter-spacing:0;
color:#484848;
}


/*---------- テーブル ----------*/

table.mailform{
width:100%;
border-collapse:separate;
margin:0;
}
table.mailform th{
font-size:14px;
line-height:150%;
border-bottom:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
padding:10px;
background-color:#F0EDE4;
text-align:left;
}
table.mailform td{
font-size:14px;
line-height:150%;
border-bottom:solid 1px #CCCCCC;
padding:10px;
background-color:#FFFFFF;
}

.required{
font-size:10px;
font-weight:normal;
line-height:100%;
color:#FFFFFF;
padding:0 5px 0 5px;
background-color:#017bb8;
}


/*---------- 文字装飾 ----------*/

.y_line{
font-weight:bold;
background-image:url(../img/y_line.png);
background-position:top;
background-repeat:repeat-x;
}
.bold24{font-size:24px;font-weight:bold;}
.font10{font-size:10px;}
.red {font-weight:bold;color:#ff0000;}
.redul {font-weight:bold;color:#ff0000;text-decoration:underline;}
.caption{font-size:12px;color:#666666;font-weight:normal;line-height:150%;}
.font_abc{font-family:Arial, Helvetica, sans-serif;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- 画像位置 ----------*/

.img_right01{
float:right;
margin:15px 0 0 15px;
}
.img_right02{
float:right;
margin:0 0 0 15px;
}
.img_right03{
float:right;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
padding:3px;
margin:18px 0 0 15px;
}

.img_left01{
float:left;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
padding:3px;
margin:15px 15px 0 0;
}

.shadow{
box-shadow:0px 0px 5px #594a42;
}


/*---------- フッター全体 ----------*/

#footer_box{
margin:0;
padding:0;
background-color:#f1f1f1;
}


/*--- このページの先頭へ ---*/

#totop{
margin:0;
padding:10px 0;
border-bottom:solid 1px #ffffff;
background-color:#e0d8cd;
}
#totop_link{
width:980px;
margin:0 auto;
padding:2px 0 0 0;
text-align:right;
font-size:12px;
}
#totop_link a{
background-image:url(../img/list_06.png);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}


/*--- フッターリンク集 ---*/

#link{
width:980px;
margin:0 auto;
padding:25px 0 15px 0;
font-size:12px;
letter-spacing:1px;
line-height:180%;
color:#595757;
border-bottom:solid 1px #dddddd;
}
#link ul {
list-style:none;
margin:0 0 10px 0;
padding:0;
}
#link ul li {
margin:0 0 5px 0;
padding:0 0 0 15px;
font-size:12px;
line-height:150%;
background-image:url(../img/list_04.png);
background-position:left;
background-repeat:no-repeat;
}
#link ul li.footer_category {
margin:0 0 10px 0;
padding:0 0 0 0;
font-size:12px;
line-height:150%;
background-image:none;
border-bottom:dotted 1px #999999;
}


/*--- フッター ---*/

footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
padding:15px 0;
color:#999999;
}


/*--- メンバーズログイン ---*/

#main_box #loginform {
text-align:center;
margin: 10px 0px 30px;
padding: 10px;
border:solid 3px #F5E0B1;
border-radius: 5px;
}

/*--- ウェブツールモニター ---*/

h1.webtool {
	font-size: 21px;
	line-height: 130%;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 15px 0 20px 10px;
	color: #333333;
	background-image: url(../img/webtool/w-h1-bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
h1.webtool .icon2{
	margin: 0;
	padding: 0 0 0 30px;
	background-image: url(../img/webtool/w-h-icon.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
#wt-single h2{
	font-size: 18px;
	line-height: 100%;
	font-weight: normal;
	background-image: url(../img/webtool/w-h2-bg.png);
	margin: 30px 0 0;
	padding: 15px 0 35px 25px;
	background-repeat: no-repeat;
	}
#wt-single h3{
	font-size: 16px;
	border-bottom: 2px solid #336699;
	}
blockquote.webtool{
	background-color: #F0F0F0;
	padding: 1em 2em;
	border: 2px dotted #336699;
	background-image: url(../img/webtool/w-bq-man.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: 30px;
}
blockquote.webtool:before, blockquote.webtool:after{
    content:"";
}
#wt-single dl {
	padding: 20px;
	border: 1px solid #336699;
	border-radius: 10px;
	margin-bottom: 50px;
}
#wt-single dt {
	color: #336699;
	font-size: 16px;
	font-weight:bold;
}
#wt-single dd {
	padding: 0 1em;
	border: 1px solid #D6E0EB;
	margin-top: 1em;
	background-image: url(../img/webtool/w-memo-bg.png);
}