@charset "UTF-8";

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/


/*   
Theme Name: 賢威WP　コーポレート版（2カラム　blue）
Theme URI: http://www.seo-keni.jp/
Description: 賢威WP　コーポレート版（2カラム　blue）
Author: keni
Author URI: http://www.seo-keni.jp/
Version: 1.0
General comments/License Statement if any.
*/

/*初期化用 common.css*/

/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote{
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,var{
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,small{
	font-size: 100%;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

input,
textarea,
select{
	font-size: 1em;
}

/*WordPress対策*/
span textarea,span input{ vertical-align: bottom!important; }


/*Firefox対策*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

body,x:-moz-broken { margin-left:-1px; }


/*--------------------------------------------------------
レイアウトの初期設定
-------------------------------------------------------*/

html,body,#container{
	height: 100%;
}

body,pre{
	font-size: 62.5%;
	line-height: 1.5;
}

/* IE8対策 */
body *{
	font-style: normal!important;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
}

#container{
	position: relative;
}

#breadcrumbs li,
#top-menu li,
#sidebar-in li,
#footer-in li,
#footer-banner li{
	list-style: none;
}

/*wordpress用 wordpress.css*/

/*フッター*/

#area02 h3 { clear: both; }


/*メインコンテンツ*/

#main-contents h1 a:link,
#main-contents h2 a:link,
#main-contents h1 a:visited,
#main-contents h2 a:visited{ color: #333; }

#main-contents h1 a:hover,
#main-contents h2 a:hover,
#main-contents h1 a:active,
#main-contents h2 a:active{ color: #c60; }

#main-contents .trackback-url{ width: 500px!important; }

#main-contents p textarea{ width: 500px; }

#main-contents p input{ padding: 5px 10px; }

#main-contents .contents{ border: none!important; }

#main-contents .contents h3{
margin-left: 0;
margin-right: 0;
}

/*コンテンツナビ*/
.content-nav{
padding: 10px!important;
background-color: #eeeeee;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}

.content-nav a:link{ color: #666; }
.content-nav a:visited{ color: #666; }
.content-nav a:hover{ color: #c60; }
.content-nav a:active{ color: #c60; }

/*サイドバー*/
#sidebar p{ margin-bottom: 10px; }

#sidebar h3 a:link,
#sidebar h3 a:visited{ color: #fff; }

#sidebar h3 a:hover,
#sidebar h3 a:active{ color: #c60; }

#sidebar h3 img{ vertical-align: middle; }

#sidebar ul.side-menu li p,
#sidebar ul.side-menu li cite,
#sidebar ul.side-menu li span.rss-date{ padding: 0 1em; }

#sidebar ul.side-menu li{ background-color: #fff; }

/*カレンダー*/
table#wp-calendar{
	margin: 10px auto;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}

table#wp-calendar th,
table#wp-calendar td{
	padding: 0.4em;
	vertical-align: top;
}

table#wp-calendar th{
	font-style: normal;
	font-weight: bold;
	text-align: left;
}

/*はてなブックマーク数表示時*/

#sidebar ul.side-menu li p.hatena{
	text-align: right;
	margin-top: -5px;
	margin-bottom: 10px;
}

#sidebar ul.side-menu li p.hatena a:link,
#sidebar ul.side-menu li p.hatena a:visited{
	width: auto!important;
	display: inline;
	padding-top: 0!important;
	background: none!important;
}

#sidebar ul.side-menu li p.hatena a:hover,
#sidebar ul.side-menu li p.hatena a:active{
	width: auto!important;
	padding-top: 0!important;
	display: inline;
	background: none!important;
	color: #c60!important;
}


/*最近のコメント*/
#sidebar li.recentcomments a{ background: none!important; }

#sidebar li.recentcomments a:hover,
#sidebar li.recentcomments a:active{ color: #c60!important; }

#sidebar #recentcomments li{
	display: block;
	padding: 14px 20px;
	background: url(images/icon/icon-menu01.gif) 4px 18px no-repeat #fff;
}

* html #sidebar #recentcomments li{ background: url(images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }
*+html #sidebar #recentcomments li{ background: url(images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }

#sidebar .widget_rss ul li{ list-style: none; }

.rssSummary{
	margin: 1em;
}

#sidebar .widget_rss ul li cite{
	display: block;
	text-align: right;
	padding-bottom: 1em;
}


/*デザイン用 corp-blueg2.css*/

@media all{

/*--------------------------------------------------------
1、サイト全体の横幅
--------------------------------------------------------*/

html,
body,
#container,
#top,
#header,
#main,
#footer,
#footer-banner{
	width: 100%;
	min-width:1000px;
}


#breadcrumbs{
	width: 100%;
	min-width: 685px;
}

#breadcrumbs ol{
	margin: 0;
	padding: 0;
}

#page-top,
#top-in,
#header-in,
#breadcrumbs ol,
#main-in,
#footer-in,
#footer-banner ul{
	margin: auto;
	width: 1000px;
}

##breadcrumbs ol{
	margin: auto;
	width: 685px;
}



/*--------------------------------------------------------
2、サイト全体の背景設定（初期設定ではコメントアウト）
------------------------------------------------------*/

/*
#container{ background-color: #000; }
*/



/*--------------------------------------------------------
3、サイト全体の基本文字色
-------------------------------------------------------*/

body,pre{ color: #333; }


/*リンク文字*/
a{ text-decoration: underline; }
a:link{ color: #195CAA; }
a:visited{ color: #663399; }
a:hover{ color: #CC3300; }
a:active{ color: #CC3300; }



/*--------------------------------------------------------
4、エリアの設定
--------------------------------------------------------*/

/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{
	position: absolute;
	top: 0;
	height: 30px;
	background-color: #f9f9f9;
	background-image: linear-gradient(#ffffff, #f9f9f9);
	border-bottom: 1px solid #dddddd;
	font-size: 1.2em;
}

#top-in{ position: relative; }


/*●トップメニュー*/
#top-menu{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	height: 29px;
	padding-left: 16px;
}

#top-menu li{
	float: left;
	margin-right: 22px;
	line-height: 29px;
}

/*メニューの最後の要素には「end」のクラスを付加し、右からのマージンを0に*/

#top-menu {
	margin: 0;
	padding: 0;
}

#top-menu li a{
	padding: 2px 0;
	padding-left: 20px;
	background: url(images/top.gif) left center no-repeat;
	color: #666666;
	text-decoration: none;
}

#top-menu li a:hover{
	color: #666666;
	text-decoration: underline;
}

#top-menu li.sitemap a{ background: url(images/icon/icon-sitemap.gif) left center no-repeat; }
#top-menu li.contact a{ background: url(images/icon/icon-contact.gif) left center no-repeat; }


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

#header{
	position: absolute;
	top: 30px;
	height: 94px;
	padding-bottom: 15px;
	/*border-bottom: 20px solid #eeeff1;*/
	font-size: 1.2em;
}

#header-in{
	position: relative;
	padding-top: 17px;/*▲ページ最上部からの距離*/
}


/*●ヘッダーロゴ*/
#header-logo{
	position: absolute;
	top: 28px;
	padding:0 0 0 20px;
}


/*●ヘッダーロゴテキスト*/
#header-logo #logo-text{ font-size: 20ptx }
#header-logo #logo-text a{ text-decoration: none; }
#header-logo #logo-text a:link{ color: #666; }
#header-logo #logo-text a:visited{ color: #666; }
#header-logo #logo-text a:hover{ color: #c60; }
#header-logo #logo-text a:active{ color: #c60; }


/*●ヘッダーテキスト*/
#header-in #header-text{
	width: 500px;
	position: absolute;
	top: 20px;
	right: 0;
	text-align: left;
}


/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs{
	left: 0;
	font-size: 12px;
}

#breadcrumbs li{
	color: #666;
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	background: url(images/top.gif) 0 -86px no-repeat;
}

#breadcrumbs li a{
	color: #666;
}

#breadcrumbs li a:hover{
	color: #CC3300;
}

/*パン屑ナビの先頭*/
#breadcrumbs li.first{
	padding-left: 0;
	background: none;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	padding-top: 355px;/*▲ページ最上部からの距離*/
	height: 100%;
background:linear-gradient(to bottom, #fff 10%, #FFF);
}


/*メインイメージ（TOPのみ）*/
#main-image{
	display: block;
	position: relative;
	width: 1000px;
	height: 180px;
	margin-bottom: 20px !important;
}


/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{
	margin-top: 1px;
	float: right;
	width: 300px;
}

#sidebar-in{
	width: 300px;
	font-size: 1.2em;
}


/*H3*/
#sidebar h3{
	clear: both;
	padding: 2px 8px;
	background: #fff;
	border: 1px solid #D9D9D9;
	color: #888;
	font-weight: bold;
}

#sidebar h3 small{
	display: block;
	padding-top: 2px;
	border-top: 1px solid #d1d1d1;
	font-size: 0.768em;
}


/*●検索ボックス*/
#sidebar dl.search-box{
	margin-bottom: 16px;
}

#sidebar dl.search-box dt{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#sidebar dl.search-box dt input{
	padding: 2px;
	width: 133px;
	height: 22px;
	border: none;
}

/*IE6対策*/
* html dl.search-box dt input{ height: auto; }

/*IE7対策*/
*+html dl.search-box dt input{ height: auto; }

#sidebar dl.search-box dd{
	margin: 0;
	padding: 0;
	float: right;
	width: 98px;
}


/*●お問い合わせ*/
#sidebar p.contact img{
	float: left;
	padding: 0 10px 10px 0;
}


/*●コンテンツ*/
#sidebar div.contents{
	/*margin-bottom: 20px;*/
	padding: 8px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
}

#sidebar div.menu{
	margin-bottom: 20px;
	padding: 5px 8px 5px 8px;
	background-color: #fff;
	border-right: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}


/*●サイドメニュー*/
#sidebar ul.side-menu{
	padding: 8px;
	background-color: #fff;
}

#sidebar .side-menu ul{
	padding: 0 0 15px 0;
	margin: 0;
	background-color: #fff;
}

#sidebar ul.side-menu li{
	margin-bottom: 4px;
	border: 1px solid #bfbfbf;
	border-left: 4px solid #308BBE;
}

#sidebar ul.side-menu li a{
	display: block;
	padding: 14px 20px;
	background: url(images/icon/icon-menu01.gif) 4px 18px no-repeat #fff;
}

/*--IE7対策--*/
*+html ul.side-menu li a{ background: url(images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }

/*--IE6対策--*/
* html ul.side-menu li a{ background: url(images/icon/icon-menu01.gif) 6px 18px no-repeat #fff; }

#sidebar ul.side-menu li li{
	margin-bottom: 0;
	padding-left: 25px;
	width: 198px;
	background: #fff;
	border: 0;
}

#sidebar ul.side-menu li li a{
	padding: 7px 20px;
	width: 158px;
	background: url(images/icon/icon-menu02.gif) 4px 12px no-repeat #fff;
	border-left: none;
}


/*マウスオーバー時の背景の設定*/
#sidebar ul.side-menu li a:active,
#sidebar ul.side-menu li a:hover{
	color: #fff;
	background: url(images/icon/icon-menu01_on.gif) 4px 18px no-repeat #f93;
}

/*--IE7対策--*/
*+html ul.side-menu li a:active,
*+html ul.side-menu li a:hover{ background: url(images/icon/icon-menu01_on.gif) 6px 18px no-repeat #f93; }

/*--IE6対策--*/
* html ul.side-menu li a:active,
* html ul.side-menu li a:hover{ background: url(images/icon/icon-menu01_on.gif) 6px 18px no-repeat #f93; }

#sidebar ul.side-menu li li a:active,
#sidebar ul.side-menu li li a:hover{ background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }

/*--IE7対策--*/
*+html ul.side-menu li li a:active,
*+html ul.side-menu li li a:hover{ background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }

/*--IE6対策--*/
* html ul.side-menu li li a:active,
* html ul.side-menu li li a:hover{ background: url(images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }



/*●バナーエリア*/
#sidebar .banner li{
	margin-bottom: 18px;
	width: 244px;
	list-style: none;
	text-align: center;
}

#sidebar .banner li a{
	display: block;
	margin: auto;
	width: 160px;
}

#sidebar .banner li a img{ display: block; }


/*●ランキング*/
#sidebar ul.ranking li{
	margin-bottom: 20px;
	padding: 0;
	border-bottom: 1px dotted #7070ba;
	background: none;
	font-weight: normal;
}

#sidebar ul.ranking p{ margin: 0 0 10px 0; }

.no1,.no2,.no3{
	padding: 0 0 0 30px!important;
	font-size: 1.2em!important;
	font-weight: bold!important;
	color: #ff0000!important;
}

.no1,.no2,.no3,.no4,.no5,.no6,.no7,.no8,.no9,.no10{
	height: 34px!important;
	padding: 0 0 0 30px!important;
}

/*●王冠画像*/
//.no1{ background: url(images/icon/icon-rank01-01.png) left top no-repeat; }
.no2{ background: url(images/icon/icon-rank01-02.png) left top no-repeat; }
.no3{ background: url(images/icon/icon-rank01-03.png) left top no-repeat; }
.no4{ background: url(images/icon/icon-rank01-04.png) left top no-repeat; }
.no5{ background: url(images/icon/icon-rank01-05.png) left top no-repeat; }
.no6{ background: url(images/icon/icon-rank01-06.png) left top no-repeat; }
.no7{ background: url(images/icon/icon-rank01-07.png) left top no-repeat; }
.no8{ background: url(images/icon/icon-rank01-08.png) left top no-repeat; }
.no9{ background: url(images/icon/icon-rank01-09.png) left top no-repeat; }
.no10{ background: url(images/icon/icon-rank01-10.png) left top no-repeat; }


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{
	float: left;
	width: 685px;
	font-size: 1.5em;
	line-height: 1.7;
}


/*H1、H2*/
//#main-contents h1,
//#main-contents h2{
	clear: both;
	margin-bottom: 25px;
	padding: 13px 22px;
	background: url(images/title/bg-contents-h2.gif) left top repeat-y;
	border-bottom: 1px solid #aaa;
	font-size: 1.858em;
	line-height: 1.0;
	color: #333;
}


#top-title1 h2{
color: #666666;
background:url(images/top-title-sprite.png) 0 0 no-repeat;
font-weight: bold;
height: 21px;
padding: 15px 0 15px 60px;
}


#top-title2 h2{
color: #666666;
padding: 15px 0 15px 60px;
background:url(images/top-title-sprite.png) 0 -101px no-repeat;
font-weight: bold;
height: 21px;
padding: 15px 0 15px 60px;
}

#category-toha {
color: #308BBE;
height: 21px;
padding: 15px 0 15px 50px;
background:url(images/category-title.png);
font-weight: bold;
}

#category-tsuite h2{
	clear: both;
	padding: 8px 0 0 20px;
	margin-bottom: 5px;
	margin-top: 2px;
	color: #666;
	font-weight: bold;
	height: 27px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

#category-tsuite-line {
border-top: 3px solid #308BBE;
}


/*メインの見出しここから*/

.heading-line {
border-top:3px solid #308BBE;
}

.heading-main h2{
color:#666666;
font-weight:bold;
border-left:1px solid #d9d9d9;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
padding:9px 0 6px 20px;
margin-top:2px;
}

/*メインの見出しここまで*/

#article-main-heading {
display:inline-block;
color:#666666;
background-color:#f8f8f8;
font-size:15px;
font-weight:bold;
padding:10px 12px;
margin:20px 20px 0 20px;
border-radius:3px;
}

#softname h1{
color: #666666;
height: 21px;
padding: 15px 0 15px 35px;
background:url(images/soft-title.png);
font-weight: bold;
}

#main-title {
margin:20px 0 10px 20px
}

#main-title h2{
font-size:20px;
font-weight:bold;
color:#333333;
margin:0 5px 0 9px;
display:inline-block;
clear: both;
}

#main-title-download h2{
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	color: #666666;
	clear: both;
}

#tsuite {
	clear: both;
	padding: 8px 0 0 20px;
	margin-bottom: 5px;
	color: #666;
	font-weight: bold;
	height: 27px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

#tsuite-mgn {
margin-top:2px;
}

/*現在は46A2D5ですが、4083C1に変更を検討中*/
#tsuite-line {
margin-top: 20px;
border-top: 3px solid #308BBE;
}

#word-tsuite-line {
border-top: 3px solid #308BBE;
}

#page-title h2{
color: #666666;
height: 21px;
padding: 15px 0 15px 60px;
background:url(images/page-title.png);
font-weight: bold;
}

#word-title h2{
color: #666666;
height: 21px;
padding: 15px 0 15px 60px;
background:url(images/word-title.png);
font-weight: bold;
}

/*H3*/
/*#main-contents h3{
	clear: both;
	margin: 0 16px;
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid #999;
	font-size: 1.286em;
	font-weight: bold;
}
/*


/*H3修正版*/
#main-contents .contents h3{
	font-weight:bold;
}

/*H3記事部分*/
#main-contents #single-back h3{
	background:#E6E6FA;
	font-size:15px;
	font-weight:bold;
	padding:5px 20px;
	text-decoration:none;
	margin-top:30px;
	margin-bottom:20px;
border-radius:3px;
}

#main-contents #single-back h4{
	color: #333;
	font-weight: bold;
	padding-left:10px;
	border-left:4px solid #dadaed;
	margin-top: 30px;
	/*margin-bottom:5px;*/
	margin-bottom:0.5em;
	border-bottom:2px solid #d3d3d3;
	padding-top:2px;
	padding-right:15px;
	line-height:1.8em;
}

#main-contents #single-back h5{
	color:#333;
	font-size:14.5px;
	font-weight:bold;
	padding-left:10px;
	margin-top: 30px;
	/*margin-bottom:5px;*/
	margin-bottom:0.5em;
	border-bottom:2px solid #d3d3d3;
}

#main-contents #single-back h6{
	color: #49687A;
	font-size:14px;
	font-weight: bold;
	margin-top: 30px;
}

#main-contents #single-back .heading {
font-size:14.4px;
font-weight:bold;
line-height: 1.5;
display:inline-block;
margin-bottom:5px;
vertical-align:top;
}

#main-contents #single-back img{
	vertical-align: middle;
}

#single-back ol {
	margin-top:1em;
	margin-bottom:1em;
	padding-left:25px;
}

#single-back ol li {
	margin: 0 0 0.7em 0;
}

#single-back ul {
	margin-top:1em;
	margin-bottom:1em;
	padding-left:25px;
}

#single-back ul li {
	margin: 0 0 0.7em 0;
}

#single-back ul.tume{
	margin-top:1em;
	margin-bottom:1em;
	padding-left: 0.8em;
}

#single-back ul.tume li {
	list-style-type:none;
	margin: 0 0 0.7em 0;
}

#single-back ul.ps-inner {
	margin-top:30px;
	border-left:3px solid #d3d3d3;
	padding-left:10px;
	margin-left:12px;
}
/*
#single-back ul.ps-inner {
margin-top:30px;
padding:10px 15px 10px 15px;
background:#f0f0f0;
border: 1px solid #dddddd;
border-radius: 5px;
}
*/
#single-back ul.ps-inner li {
	list-style-type:none;
	margin: 0 0 0.7em 0;
}
/*
#single-back div.ps-outer {
	margin-top:30px;
	border-left:3px solid #d3d3d3;
	padding-left:13px;
}*/
#single-back div.ps-outer {
margin-top:30px;
padding:10px 15px 10px 15px;
background:#F5F5F5; /*efefefから変更*/
border: 1px solid #dddddd; /*97CEEBから変更*/
border-radius: 5px;
}

/*左ボックス1 左幅30% */

#single-back .leftbox30 {
float:left;
width :30%;
}

/*左ボックス40 左幅40% */

#single-back .leftbox40 {
float:left;
width :40%;
}

/*左ボックス3 左幅50% */

#single-back .leftbox50 {
float:left;
width :50%;
}

/*右ボックス*/

#single-back .rightbox {
}

/*左右ボックス内リスト スペースなし*/

#single-back .no-space ul li {
	margin-top: 0em;
	margin-bottom: 0em;
}

.pen-mark {
background:linear-gradient(transparent 75%, #C6E0EE 75%);
}

.pen-mark-1 {
background:linear-gradient(transparent 75%, #FFFF66 75%);
}

.pen-mark-2 {
background:linear-gradient(transparent 75%, #ffadad 75%);
}

.pen-mark-3 {
background:linear-gradient(transparent 75%, #FFF799 75%);
}

.pen-mark-4 {
background:linear-gradient(transparent 75%, #BEEDBE 75%);
}


.keyboard-key {
	color: #777777;
    background-color: #f8f8f8;
    border: 1px solid #aaa;
    border-radius: 5px;
    font-size: 0.85em;
    padding: 1px 4px;
}

/*アンカータグ装飾*/

a.contents-link {
	color: #3366CC;
}

a.contents-link:visited {
	color: #3366CC;
}

a.contents-link:hover {
	color: #CC3300;
}



a.download-link {
	color: #3366CC;
}

a.download-link:visited {
	color: #663399;
}

a.download-link:hover {
	color: #CC3300;
}

a.download-link:before {
	font-family: FontAwesome;
	content:'\f019';
	color: #FFA800;
	padding-right:8px;
	text-decoration:none;
	display: inline-block
}

a.info-link {
	color: #3366CC;
}

a.info-link:visited {
	color: #663399;
}

a.info-link:hover {
	color: #CC3300;
}

a.info-link:before {
	font-family: FontAwesome;
	content:'\f00e';
	color: #308BBE;
	padding-right:8px;
	text-decoration:none;
	display: inline-block
}

a.single-back-link {
	color: #777777;
	text-decoration:none;
}

a.single-back-link:visited {
	color: #777777;
	text-decoration:none;
}

a.single-back-link:hover {
	color: #CC3300;
	text-decoration:underline;
}

a.single-back-link:before {
	font-family: FontAwesome;
	content:'\f0e2';
	color: #777777;
	text-decoration:none;
	display: inline-block
}


a.word-link {
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.word-link:visited {
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.word-link:hover {
	color: #CC3300;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.word-linkg {
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.word-linkg:visited {
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.word-linkg:hover {
	color: #CC3300;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.pct-link {
	padding-right: 3px;
	margin-right: 4px;
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-link:visited {
	padding-right: 3px;
	margin-right: 4px;
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-link:hover {
	color: #CC3300;
	padding-right: 3px;
	margin-right: 4px;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.pct-link:after {
	font-family: FontAwesome;
	content:'\f030';
	padding-left:5px;
	font-size: 0.9em;
	vertical-align:top;
	color:#546493;
}

a.pct-link:hover:after {
	color:#CC3300;
}

a.pct-linkg {
	padding-right: 3px;
	margin-right: 4px;
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-linkg:visited {
	padding-right: 3px;
	margin-right: 4px;
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-linkg:hover {
	color: #CC3300;
	padding-right: 3px;
	margin-right: 4px;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.pct-linkg:after {
	font-family: FontAwesome;
	content:'\f030';
	padding-left:5px;
	font-size: 0.9em;
	vertical-align:top;
	color:#546493;
}

a.pct-linkg:hover:after {
	color:#CC3300;
}

a.pct-linkn {
	padding-right: 3px;
	margin-right: 4px;
	color: #546493;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-linkn:visited {
	padding-right: 3px;
	margin-right: 4px;
	color: #546493;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.pct-linkn:hover {
	color: #CC3300;
	padding-right: 3px;
	margin-right: 4px;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.pct-linkn:after {
	font-family: FontAwesome;
	content:'\f030';
	padding-left:5px;
	font-size: 0.9em;
	vertical-align:top;
}

a.context-link {
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.context-link:visited {
	color: #333333;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.context-link:hover {
	color: #CC3300;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.context-linkg {
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.context-linkg:visited {
	color: #808080;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.context-linkg:hover {
	color: #CC3300;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.nw-link {
	color: #333333;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-link:visited {
	color: #333333;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-link:hover {
	color: #CC3300;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -231px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.nw-linkg {
	color: #808080;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-linkg:visited {
	color: #808080;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-linkg:hover {
	color: #CC3300;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -231px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.nw-linkn {
	color: #546493;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-linkn:visited {
	color: #546493;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -201px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.nw-linkn:hover {
	color: #CC3300;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -231px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.ex-link {
	color: #333333;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.ex-link:visited {
	color: #333333;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.ex-link:hover {
	color: #CC3300;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -291px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.ex-linkg {
	color: #808080;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.ex-linkg:visited {
	color: #808080;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #ababab;
}

a.ex-linkg:hover {
	color: #CC3300;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -291px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:dashed;
	border-color: #CC3300;
}

a.ex-linkn {
	color: #3366CC;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color: #3366CC;
}

a.ex-linkn:visited {
	color: #3366CC;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -261px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color: #3366CC;
}

a.ex-linkn:hover {
	color: #3366CC;
	padding-right: 13px;
	margin-right: 4px;
background: url(images/top.gif) right -291px no-repeat;
	text-decoration:none;
	border-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color: #3366CC;
}


#softnote {
	padding:2px 0 2px 10px;
	margin:10px 0;
	border-left:5px solid #bababa;
	font-size:14px;
	color:#666;
	background:#f6f6f6;
}

#softinfo-single {
	padding:2px 0 2px 10px;
	margin:10px 0;
	border-left:5px solid #bababa;
	font-size:14px;
	color:#666;
	background:#f6f6f6;
}


a.camera-icon {
	color: #308BBE;
}

a.camera-icon:visited {
	color: #308BBE;
}

a.camera-icon:hover {
	color: #CC3300;
}


a.newscategory-link {
	color: #333;
	text-decoration: none;
}

a.newscategory-link:visited {
	color: #333;
	text-decoration: none;
}

a.newscategory-link:hover {
	color: #CC3300;
	text-decoration: underline;
}


img.post-check {
	vertical-align: 0px;
}

/*記事内の画像のスタイル*/

.ss_view {
	display:block;
	padding:10px 0;
	background:#eeeeee;
	border-radius:4px;
	margin-bottom:1.3em;
	text-align:center;
    box-shadow: 1px 2px 2px #ddd;
}

.ss_view img {
	margin:0 auto;
	display:block;
}

.ss_view a {
	color:#666;
	text-decoration:none;
}

.ss_view a:visited {
	color:#666;
}

.ss_view a:hover {
	color:#CC3300;
}

.ss_view_text {
	font-size:12px;
}

.ss_view_text:before {
	font-family: FontAwesome;
	content:'\f00e';
	padding-right:3px;
	color:#308BBE;
	font-size:16px;
}

/*画像添付ページ*/

img.att_src {
	border: 2px solid #c0c0c0;
}

.att_img {
	text-align: center;
}

.att_img a {
	color:#666;
}

.att_img a:visited {
	color:#666;
}

.att_img a:hover {
	color:#CC3300;
}

.att_src_text a {
	text-decoration:none;
}

.att_src_text {
	background: url(images/icon_screenshot.png) 0 center no-repeat;
	padding-left: 22px;
	font-size:14px;
}



/*線*/
#main-contents hr{
	clear: both;
	margin: 0.5em 0 1.7em 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	height: 1px;
	color: #ccc;
}
* html #main-contents hr{ margin: 0 0 1.2em; }
*:first-child+html #main-contents hr{ margin: 0 0 1.2em; }


/*リストタグ*/
#breadcrumbs ul,
#breadcrumbs ol{
	list-style-position: outside;
	margin: 7px 10px 5px 0;
	-moz-border-radius: 8px;/*Firefoxのみ角丸になる*/
}
#breadcrumbs ul{ list-style-type: disc; }
#breadcrumbs li{ line-height: 1.8em; }

#breadcrumbs li.end{
	border: none!important; 
	margin-bottom: 0!important;
}



/*引用タグ*/
#main-contents q,
#main-contents blockquote{
	overflow: auto;
	margin: 0 10px 1.4em 10px;
	padding: 10px;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	background: #eee;
	color: #444;
}


/*テーブルタグ*/
#main-contents table.table-style{
	margin: 10px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}

#main-contents table.table-style th,
#main-contents table.table-style td{
	padding: 0.8em;
	border: 1px solid #aaa;
	vertical-align: top;
}

#main-contents table.table-style th{
	font-style: normal;
	font-weight: bold;
	text-align: left;
}


/*●コンテンツ*/
#main-contents .contents{
}

#main-contents .contents p{
	margin-bottom: 1.5em;
	line-height: 1.7;
}


/*●最新情報（リストタグ）*/
#main-contents ul.news{
	list-style-type: none;
	list-style-position: outside;
	margin-left: 10px;
	padding: 15px 15px 0 15px;
	border: 1px solid #999;
}

#main-contents ul.news li{
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #999;
	line-height: 1.4em!important;
}



/*●最新情報（定義タグ）*/
#main-contents dl.news{
	margin: 0;
	padding: 0;
}

#main-contents dl.news dt{
	float: left;
	margin: 0;
	padding: 0;
	width: 186px;
	position: relative;
}

#main-contents dl.news dd{
	margin: 0 0 10px 0;
	padding: 0 0 10px 193px;
	border-bottom: 1px dotted #aaa;
}


/*アイコン画像*/
#main-contents dl.news dt span{
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	overflow: hidden;
	margin-right: 10px;
	width: 60px;
	height: 18px;
	text-align: center;
	font-size: 0.715em;
	line-height: 18px;
	color: #fff;
}

#main-contents span.color01{ background: url(images/icon/icon-color01.gif) center center no-repeat #0649d1; }
#main-contents span.color02{ background: url(images/icon/icon-color02.gif) center center no-repeat #b71a0e; }
#main-contents span.color03{ background: url(images/icon/icon-color03.gif) center center no-repeat #14982a; }
#main-contents span.color04{ background: url(images/icon/icon-color04.gif) center center no-repeat #b9ad26; }
#main-contents span.color05{ background: url(images/icon/icon-color05.gif) center center no-repeat #c46506; }



/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px;
	border: 1px solid #999;
}

#main-contents ul.checklist li{
	padding-left: 24px;
	background: url(images/icon/icon-check02-blue.png) no-repeat 0 8px;
	line-height: 2.5em;
}


/*●定義タグ スタイル01*/
* html body #main-contents dl.dl-style01 dd div{ display: inline-block; }

#main-contents dl.dl-style01{ border-bottom: 1px solid #999; }
#main-contents dl.dl-style01 dt{
	float: left;
	margin: 0;
	padding-top: 20px;
	width: 15em;
	border-top: 1px solid #999;
	font-weight: bold;
}

#main-contents dl.dl-style01 dd{
	margin-left: 15em;
	padding: 20px 10px 20px 0;
	border-top: 1px solid #999;
}


/*●定義タグ スタイル02*/
#main-contents .contents dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: none;
	background: #ddd;
}

#main-contents .contents dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
	color: #444;
}

#main-contents .contents dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background: #fff;
}


/*●戻る＆進むリンク*/
.link-back,
.link-next{
	clear: both;
	margin-top: 1.2em;
	font-size: 120%;
	font-weight: bold;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }

.link-next a{
	padding-left: 15px;
	background: url(images/icon/icon-menu01-r-black.png) 0 3px no-repeat;
}
.link-back a{
	padding-left: 15px;
	background: url(images/icon/icon-menu01-l-black.png) 0 3px no-repeat;
}


/*●ボックスエリア*/
#main-contents div.box{
	margin: 0;
	border: 1px solid #aaa;
}

#main-contents .box .title{ background: #999 }
#main-contents .box .title p{
	margin: 0 10px;
	padding: 5px 0;
	font-weight: bold;
	color: #fff;
}

#main-contents .box ul,
#main-contents .box ol{
	margin: 5px 10px;
}

#main-contents .box ol{ padding-left: 15px!important; }
#main-contents .box li{
	list-style-position: outside;
	margin: 15px!important;
	line-height: 1.2em;
}


/*●ランキング（リストタグ）*/
#main-contents ul.ranking li{
	list-style-type: none;
	margin-bottom: 10px!important;
	padding-bottom: 10px;
	border-bottom: 1px dotted #7070ba;
	background: none;
	font-weight: normal;
}

#main-contents ul.ranking p{ margin: 10px 0; }


/*●サイトマップ（リストタグ）*/
.sitemap li{
	padding: 3px 0 3px 24px;
	list-style-type: none;
	font-weight: bold;
}

.sitemap li li{ border-left: 1px solid #555; }
.sitemap ul li{ background: url(images/li.gif) 0 12px no-repeat; }
.sitemap ul ul li{
	background:  url(images/li.gif) 0 12px no-repeat;
	font-weight: normal;
}



/*--------------------------------------------------------
ページの先頭へ戻る
--------------------------------------------------------*/

#footer-breadcrumbs {
	margin: 70px 0 0 0;
}

#breadcrumbs2{
	color: #666;
	width: 770px;
	left: 0;
	font-size: 11px;
	line-height: 2.4em;
}

#breadcrumbs2 a{
	color: #666;
}

#breadcrumbs2 a:hover{
	color: #CC3300;
}

#page-top-button {
	display: inline;
	float:right;
	margin: -34px 0 0 0;
}

#page-top p{
	margin-top: 36px;
	margin-left: auto;
	width: 162px;
	height: 34px;
}

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

#footer{
	margin-top: -1px;
	border-top: 1px solid #d9d9d9;
}

#footer-line-bg{
	border-top: 3px solid #f3f3f3;
}

#footer-line{
	border-top: 3px solid #308BBE;
}

#footer-in{
	padding: 30px 0 15px 0;
	font-size: 1.2em;
}

#footer-in a{
	color:#666666;
}

#footer-in a:hover{
	color:#CC3300;
}


#footer-in ul{
	margin: 0;
	padding: 0;
}

#footer-text {
	padding: 15px;
	border: 2px solid #D9D9D9;
	border-radius: 7px;
	background: #fff;
}


/*H3*/
#footer-in h3{
	color: #666;
	margin-bottom: 15px;
	padding: 2px 15px;
	border-left: 4px solid #308BBE;
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.4em;
	font-weight: bold;
}


/*●アクセスマップ*/
div.access p{ margin-bottom: 1em; }

p.accessmap{
	padding-left: 22px;
	background: url(images/icon/icon-access.png) left center no-repeat;
}


/*●左右のエリア（幅の合計が970pxになるように）*/

#area01{ width: 300px; }
#area02{ width: 670px; }

#area01,
#area02{
	overflow:hidden;
	float: left;
	margin-bottom: 20px;
}
#area01{ margin-right: 30px; }


/*●フッターメニュー*/
div.footer-menu{ padding: 0; }

div.footer-menu ul{
	float: left;
	margin-right: 30px;
}

div.footer-menu li{
	display: block;
	margin-bottom: 5px;
	padding-left: 22px;
	background: url(images/icon/icon-arrow.gif) left 5px no-repeat;
}


/*●フッターバナー*/
#footer-banner{
	color: #666;
	clear: both;
	padding: 11px 0;
	border-top: 1px solid #d9d9d9;
	background-color: #f8f8f8;
	font-size: 14px!important;
}

#footer-banner li{
	float: left;
	list-style: none;
	margin-right: 15px;
}

#footer-banner a{
	color: #666;
	text-decoration: none;
}

#footer-banner a:visited{
	color: #666;
	text-decoration: none;
}

#footer-banner a:hover{
	color: #666;
	text-decoration: underline;
}

/*●コピーライト*/
.copyright{
	padding: 15px 0;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	background: #308BBE;
	border-top: 2px solid #d9d9d9;
}

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/
}

/*clearfix.css*/

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-menu ul:after,
#breadcrumbs ol:after,
#main-in:after,
#sidebar .search-box:after,
#sidebar .ranking:after,
#footer-in:after,
#footer-banner:after,
.access:after,
#footer-navi:after,
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#top-menu ul,
#breadcrumbs ol,
#main-in,
#sidebar .search-box,
#sidebar .ranking,
#footer-in,
#footer-banner,
.access,
#footer-navi,
.clearfix{
	display: inline-block;
}

/* MacIE begin \*/
*+html #breadcrumbs ol,
*+html #sidebar .search-box,
*+html #sidebar .ranking,
*+html #footer-in,
*+html .access,
*+html #footer-navi,
*+html .clearfix{
	height: 1%;
}

* html #top-menu ul,
* html #breadcrumbs ol,
* html #main-in,
* html #sidebar .search-box,
* html #sidebar .ranking,
* html #footer-in,
* html #footer-banner,
* html .access,
* html #footer-navi,
* html .clearfix{
	height: 1%;
}

#top-menu ul,
#breadcrumbs ol,
#main-in,
#sidebar .search-box,
#sidebar .ranking,
#footer-in,
#footer-banner,
.access,
#footer-navi,
.clearfix{
	display: block;
}
/* Mac IE end */


/*印刷用 print.css*/

/*拡張用 advanced.css*/
/*------------------------------------------------------------
t：上（top）、r：右（right）、b：下（bottom）、l：左（left）
c：左右の中央（center）、m：上下の中間（middle）
-------------------------------------------------------------*/

/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
2、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
3、float・・・左右の回り込み
-------------------------------------------------------------*/

.fl-r{ float: right; }/*右に回り込み*/
.fl-l{ float: left; }/*左に回り込み*/
.fl-c{ clear: both; }


/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }


/*------------------------------------------------------------
5、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }


/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #49687A!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #808080!important; }/*灰*/
.white{ color: #fff!important; }/*白*/


/*------------------------------------------------------------
8、line-height・・・行間の設定
-------------------------------------------------------------*/

.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh20{ line-height: 2.0!important; }


/*------------------------------------------------------------
9、下線や取消線の設定
-------------------------------------------------------------*/

.underline{ text-decoration: underline!important; }
.del{ text-decoration:line-through;}
.noborder{ border: 0!important; }/*枠線を無くす*/


/*------------------------------------------------------------
10、zindex・・・重なりの優先度
-------------------------------------------------------------*/

.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }


/*------------------------------------------------------------
11、ul.none・・・リスト先頭のアイコンを無くす
-------------------------------------------------------------*/

ul.none{ list-style-type: none; }


/*------------------------------------------------------------
12、box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/

.box-yellow{ padding:2px;background-color: #ffff00!important; }/*黄色*/
.box-aqua{ padding:2px;background-color: #00ffff!important; }/*水色*/
.box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/
.box-red{ padding:2px;background-color: #ffcccc!important; }/*赤色*/


/*------------------------------------------------------------
13、input:focus・・・入力フォームをハイライトする（Firefox）
-------------------------------------------------------------*/

input:focus,textarea:focus{ background-color: #dee!important; }


/*------------------------------------------------------------
14、left、right・・・画像を簡単に回り込ませる設定
-------------------------------------------------------------*/

/*左に画像、右に文章*/
.left{
	float: left;
	margin: 0 30px 20px 0!important;
}

/*右に画像、左に画像*/
.right{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*------------------------------------------------------------
15、メニューの最後の要素には「end」のクラスを付加。
-------------------------------------------------------------*/

#top-menu li.end{ margin-right: 0; }

#top-menu li.end{
	margin-right: 0;
	padding-right: 16px;
}

.side-menu li.end{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

#sidebar ul.ranking li.end,
#sidebar .banner li.end{ margin-bottom: 0; }




/*------------------------------------------------------------
16、文字列の前にアイコン
-------------------------------------------------------------*/

.caution1{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-check01.png) left top no-repeat;
}

.caution2{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-check02.png) left top no-repeat;
}

.caution3{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-point01.png) left top no-repeat;
}

.caution4{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-point02.png) left top no-repeat;
}

.caution5{
	padding: 14px 0 0 36px!important;
	background: url(images/icon/icon-check03.png) left top no-repeat;
}

.caution6{
	padding: 14px 0 0 36px!important;
	background: url(images/icon/icon-point03.png) left top no-repeat;
}

.caution7{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-check07.png) left top no-repeat;
}

.caution8{
	padding: 20px 0 0 60px!important;
	background: url(images/icon/icon-check08.png) left top no-repeat;
}


/*初心者マーク*/
.wakaba{
	padding: 14px 0 0 36px!important;
	background: url(images/icon/icon-wakaba.png) left top no-repeat;
}

/*メールアイコン*/
.mail{
	padding: 10px 0 0 36px!important;
	background: url(images/icon/icon-mail.png) left top no-repeat;
}

/*PDFアイコン*/
.pdf{
	padding: 14px 0 0 36px!important;
	background: url(images/icon/icon-pdf.png) left top no-repeat;
}

/*ZIPアイコン*/
.zip{
	padding: 14px 0 0 36px!important;
	background: url(images/icon/icon-zip.png) left top no-repeat;
}

/*RSSアイコン*/
.rss{
	padding: 10px 0 10px 28px!important;
	background: url(images/icon/icon-rss02.png) left top no-repeat;
}

/*小さいRSSアイコン*/
.rss-mini{
	padding-left: 16px!important;
	background: url(images/icon/icon-rss-orange.png) left center no-repeat;
}

/*後ろにメールアイコン*/
.mail-back{
	padding: 14px 34px 0 0!important;
	background: url(images/icon/icon-mail.png) right top no-repeat;
}

/*後ろにPDFアイコン*/
.pdf-back{
	padding: 20px 34px 0 0!important;
	background: url(images/icon/icon-pdf.png) right top no-repeat;
}

/*後ろにZIPアイコン*/
.zip-back{
	padding: 20px 34px 0 0!important;
	background: url(images/icon/icon-zip.png) right top no-repeat;
}

/*後ろにRSSアイコン*/
.rss-back{
	padding: 9px 26px 0 0!important;
	background: url(images/icon/icon-rss02.png) right top no-repeat;
}


/*------------------------------------------------------------
17、ノートのような線を引く
-------------------------------------------------------------*/

.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #7070ba!important;
	line-height: 2.1em!important;
}


/*------------------------------------------------------------
18、広告の絶対配置エリアを出現させる
※<div class="ad"><p><p></div>を使う
-------------------------------------------------------------*/

div.ad{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align :right;
}

div.ad p{
	position: fixed;
	top: 0;
	right: 0;
	width: 240px;
	height: 120px;
	padding: 5px;
	border: 1px solid #000;
	background: #eee;
	text-align :center;
}

* html div.ad p{ position: absolute; }/*IE6用*/


/*------------------------------------------------------------
18、WordPress用
-------------------------------------------------------------*/

ul.tag li{
	display: inline;
	margin-right: 15px;
}


img.centered{
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

img.alignright{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline!important;
}

img.alignleft{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline!important;
}

.alignright{
	float: right;
	margin: 0 0 20px 30px;
}

.alignleft{
	float: left;
	margin: 0 30px 20px 0;
}

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/

/*------------------------------------------------------------
　styleここから
-------------------------------------------------------------*/

img#wpstats{display:none}

#topbord {
    background:url(images/top.gif) no-repeat left top;
    text-align: right;
}

img.iconsoroe {
vertical-align: -10px;
}

/*  カテゴリ背景色ここから */

#category-back {
border-top: 1px solid #fff;
}

.back-white {
background: #ffffff;
padding: 20px;
border-bottom: 1px solid #D9D9D9;
}

.back-grey {
background: #fcfcfc;
padding: 20px;
border-bottom: 1px solid #D9D9D9;
}

/*  カテゴリ背景色ここまで */

/*  個別記事背景色ここから */

#single-back {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #fcfcfc;
margin-bottom:10px;
}

#single-article {
padding: 20px 20px 0 20px;
margin-bottom:35px;
}

#single-article-dl {
padding: 20px;
}

.dl-link {
margin-bottom:50px;
}

.dl-link a {
font-weight:bold;
font-size:17px;
}

/*  個別記事背景色ここまで */

/*  個別記事アドセンス下ここから */

#single-bottom-ad {
margin: 0 20px 0 20px;
}

.single-bottom-bk {
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 1px dotted #d9d9d9;
}

#bikou {
padding:0 20px 20px 20px;
}


/*  個別記事アドセンス下ここまで */

.softicon {
padding-left: 10px;
font-size:16px;
font-weight: bold;
}

.softlicense {
vertical-align: middle;
margin-left: 5px;
}

#category-toha-content {
padding: 10px 0 35px 10px;
clear: right;
}

#download-toha-content {
padding: 20px 0 25px 10px;
}

/*  moreリンクここから */

.more-link {
float: right;
padding-left: 20px;
}

a.more-link {
background-image: url(images/zoomin.gif);
background-repeat: no-repeat;
background-position: 0 center;
color: #666666;
}

a.more-link:hover {
color: #CC3300;
}

/*  moreリンクここまで */

/*  星レビューここから */

.rating {
	height:16px; line-height:16px;
	background:url(images/rating.png) no-repeat left bottom;
	position:relative;
	text-indent:90px;
}

.rating span {
	text-indent:-9999px;
	position:absolute; left:0; top:0;
	background:url(images/rating.png) no-repeat left top;
}

/*  星レビューここまで */


/*  サイドバー新着ソフトここから */

.new-soft {
margin-bottom: 15px;
border: 6px solid #f2f2f2;
}

.new-title {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
font-weight: bold;
font-size: 15px;
border-top:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
border-bottom:3px solid #308BBE;
background:#fff;
color:#666;
background-image:linear-gradient(#ffffff, #f3f3f3);
}

a.open-archives-button {
display:inline-block;
font-size:12px;
margin:0 15px 0 0;
padding:1px 5px;
color:#fff;
text-decoration:none;
border-radius:3px;
float:right;
background-image:linear-gradient(#8C9CAF, #5E7181);
}

a.open-archives-button:hover {
background-image:linear-gradient(#00A4F1, #1E64A4);
}

.new-area {
padding:5px 5px;
}

.new-contents {
color: #333;
background: #ffffff;
}

.new-contents:hover {
background: #f0f0f0;
}

.new-contents-2 {
color: #333;
background: #f8f8f8;
}

.new-contents-2:hover {
background: #f0f0f0;
}

.new-soft-icon {
padding:15px 0 0 15px;
font-size: 115%;
font-weight: bold;
}

.new-soft-icon a{
font-size:15px;
margin-left:15px;
}

.new-soft-text {
padding:6px 10px 10px 10px;
}

/*  サイドバー読みものここから */

.new-blog {
margin-bottom: 15px;
border: 6px solid #f2f2f2;
}

.new-blog-title {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
font-weight: bold;
font-size: 15px;
border-top:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
border-left:1px solid #d9d9d9;
border-bottom:3px solid #308BBE;
background:#fff;
color:#666;
background-image:linear-gradient(#ffffff, #f3f3f3);
}

.new-blog-area {
padding:5px 5px;
}

.new-blog-contents {
color: #333;
background: #ffffff;
}

.new-blog-contents:hover {
background: #f0f0f0;
}

.new-blog-contents-2 {
color: #333;
background: #f8f8f8;
}

.new-blog-contents-2:hover {
background: #f0f0f0;
}

.new-blog-contents-image-block {
float:left;
width:35%;
}

.new-blog-contents-text-block {
float:right;
width:65%;
}

.new-blog-contents-image-margin {
padding:10px 0 10px 10px;
}

.new-blog-image-frame {
border:1px solid #d9d9d9;
background:#fff;
width:80px;
height:80px;
display:table-cell;
vertical-align:middle;
}

.new-blog-image {
max-width:76px;
max-height:76px;
display:block;
margin:0 auto;
}

.new-blog-contents-text-margin {
padding:10px 10px 10px 0;
}

.new-blog-contents-date {
margin:5px;
}


/*  トップページ読みものここから */

.index-new-blog {
margin-bottom: 15px;
}

.index-new-blog-title {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 22px;
font-weight: bold;
font-size: 15px;
background: #308BBE;
color: #ffffff;
}

a.index-open-archives-button {
display:inline-block;
font-size:12px;
margin:0 15px 0 0;
padding:1px 5px;
color:#fff;
text-decoration:none;
border:1px solid #fff;
border-radius:3px;
float:right;
}

a.index-open-archives-button:hover {
background-image:linear-gradient(#0190D9, #0A7ACC);
}

.index-new-blog-area {
padding:5px 10px;
background:#f0f0f0;
}

.index-new-blog-contents {
color: #333;
font-size:14px;
background: #ffffff;
margin:10px 0;
}

.index-new-blog-contents:hover {
background: #e7e7e7;
}

.index-new-blog-contents-image-block {
float:left;
width:22%;
}

.index-new-blog-contents-text-block {
float:right;
width:78%;
}

.index-new-blog-contents-image-margin {
padding:10px 0 10px 10px;
}

.index-new-blog-image-frame {
border:1px solid #d9d9d9;
background:#fff;
width:120px;
height:120px;
display:table-cell;
vertical-align:middle;
}

.index-new-blog-image {
max-width:114px;
max-height:114px;
display:block;
margin:0 auto;
}

.index-new-blog-contents-text-margin {
padding:10px 10px 10px 0;
}

.index-new-blog-contents-date {
margin:5px;
}

/*  アーカイブページ読みものここから */

.archive-new-blog-area {
padding:5px 10px;
background:#f0f0f0;
}

.archive-new-blog-contents {
color: #333;
font-size:15px;
background: #ffffff;
margin:10px 0;
padding:20px;
}

.archive-new-blog-contents-2 {
color: #333;
font-size:15px;
background: #f8f8f8;
margin:10px 0;
padding:20px;
}

.archive-new-blog-contents-image-block {
float:left;
width:22%;
}

.archive-new-blog-contents-text-block {
float:right;
width:78%;
}

.archive-new-blog-image-frame {
border:1px solid #d9d9d9;
background:#fff;
width:120px;
height:120px;
display:table-cell;
vertical-align:middle;
}

.archive-new-blog-image {
max-width:114px;
max-height:114px;
display:block;
margin:0 auto;
}

.archive-new-blog-contents-date {
margin:5px;
}


/*  関連ソフトここから */

#related-heading {
font-size:17px;
font-weight:bold;
color:#333;
border-bottom:3px solid #666;
padding:0 0 5px 10px;
margin:30px 0 20px 0;
}

#related-area {
margin-bottom: 15px;
}

.related-contents {
background:#ffffff;
}

.related-contents:hover {
background:#d9d9d9;
}

.related-contents-2 {
background:#f8f8f8;
}

.related-contents-2:hover {
background:#d9d9d9;
}

.related-soft-icon {
font-size:16px;
padding:15px 0 0 15px;
font-weight:bold;
}

.related-soft-icon a{
margin-left:15px;
}

.related-soft-text {
padding:6px 10px 10px 10px;
}


/*  関連ブログ記事ここから */

#related-blog-heading {
font-size:17px;
font-weight:bold;
color:#333;
border-bottom:3px solid #666;
padding:0 0 5px 10px;
margin:30px 0 20px 0;
}

#related-blog-area {
margin-bottom: 15px;
}

.related-blog-contents {
color: #333;
background: #ffffff;
}

.related-blog-contents:hover {
background: #d9d9d9;
}

.related-blog-contents-2 {
color: #333;
background: #f8f8f8;
}

.related-blog-contents-2:hover {
background: #d9d9d9;
}

.related-blog-contents-image-block {
float:left;
width:13%;
}

.related-blog-contents-text-block {
float:right;
width:87%;
}

.related-blog-contents-image-margin {
padding:10px 0 10px 15px;
}

.related-blog-image-frame {
border:1px solid #d9d9d9;
background:#fff;
width:50px;
height:50px;
display:table-cell;
vertical-align:middle;
}

.related-blog-image {
max-width:46px;
max-height:46px;
display:block;
margin:0 auto;
}

.related-blog-contents-text-margin {
padding:10px 30px 10px 0;
}


/*  bigger.link.js のスタイル */

.bl-hot {
	zoom:1; /* Should be IE only */
	background-color:#fff;
}
.bl-hover {
	cursor: pointer;
	background-color: #fff;
	}
.bl-hover a:link {
	color: #CC3300;
	}
.bl-hover a:visited {
	color: #CC3300;
	}

/*  新着記事リストここまで */


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

/*  トップページテーブルここから */ 

table.contents-menu{
width:700px;
}


td.lefted{
vertical-align:top;
padding-right:24px;
width:685px;
}

.defaulted{
width:100%;
}

td.contents-menu1 {
margin-top:5px;
padding-left:4px;
padding-right:10px;
padding-bottom:20px;
width:319px;
} 
.contents-menu2 {
margin-top:5px;
padding-left:14px;
padding-bottom:20px;
width:319px;
}

.parent-category {
padding:3px;
margin-bottom:8px;
font-weight:bold; 
}

img.takasasoroe {
vertical-align: -20px;
}

/* トップページテーブルここまで */

/* トップページ更新履歴ここから */

h3.update-title {
color:#308BBE;
font-size:16px;
font-weight:bold;
background:#fff;
border-top:1px solid #d9d9d9;
padding:15px 0 15px 0;
margin-top:50px;
}

h3.update-title span {
font-size:12px;
margin:0 0 0 7px;
}

#update-table {
font-size:13px;
background:#fff;
width:100%;
height:200px;
overflow:auto;
border-bottom:1px solid #d9d9d9;
}

#update-table table {
margin:0 0 0 20px;
}

#update-table td.update-date {
padding-right:10px;
}

#update-table td.update-content {
padding:0 50px 15px 0;
}

/* トップページ更新履歴ここまで */


/*------------------------------------------------------------
親カテゴリページ
-------------------------------------------------------------*/

/* 親カテゴリテーブルレイアウト */ 

.category-area {
margin-top: 10px;
margin-bottom: 40px;
}


img.category-title {
vertical-align:-30px;
}


div.category-title {
color: #666666;
font-weight: bold; 
font-size: 120%;
border-bottom: 1px solid #d9d9d9;
width: 680px;
height: 50px;
}


div.category-title-border {
border-bottom: 3px solid #f2f2f2;
width: 680px;
clear: both;
}

table.category-menu{
margin: 0 10px 0 7px;
border-bottom: 1px dotted #d9d9d9;
width:665px;
}

.category-menu ul {
padding:0;
margin:0;
list-style-type: none;
}

.category-menu li {
padding:4px 30px 4px 3px;
margin:4px 0 4px 2px;
line-height:135%;
}

.category-menu li a {
background: url(images/top.gif) left center no-repeat;
padding:0 0 0 20px;
display: block;
}



/*------------------------------------------------------------
子カテゴリページ
-------------------------------------------------------------*/


/*カテゴリ情報テーブル*/

table.category-info-table {
width:100%;
}

table.category-info-table-detail {
width:100%;
font-size:14px;
border-collapse:collapse;
}

td.category-info-table-heading {
background:#F0F7F9;
border:1px solid #d9d9d9;
width:100px;
padding:5px 5px 5px 8px;
}

td.category-info-table-content {
background:#ffffff;
border:1px solid #d9d9d9;
padding:5px 5px 5px 8px;
}

td img.category-info-image {
display:inline-block;
border:1px solid #d9d9d9;
padding:10px;
}


/*------------------------------------------------------------
個別記事ページ
-------------------------------------------------------------*/

/*  個別記事ソフト情報ここから */

#main-info-frame {
background-color:#ffffff;
border:solid #D9D9D9 2px;
margin:0 0 15px 0;
}

.soft-info-tag {
color:#ffffff;
font-size:10px;
font-weight:normal;
padding:3px 3px;
margin-left:5px;
vertical-align:2px;
border-radius:2px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

a.soft-info-tag-link {
color:#ffffff;
font-size:10px;
font-weight:normal;
text-decoration:none;
padding:3px 3px;
margin-left:5px;
vertical-align:2px;
border-radius:2px;
}

a.soft-info-tag-link:hover {
text-decoration:underline;
}

#modified-date {
color:#666;
padding-top: 5px;
padding-left: 8px;
font-size:80%;
float:left;
}

#main-info{
width:100%;
font-size:13px;
}

#screenshot {
width :55%;
text-align: center;
}

#screenshot img {
	border: 2px solid #c0c0c0;
}

#screenshot a {
	color:#666;
	text-decoration:none;
}

#screenshot a:visited {
	color:#666;
}

#screenshot a:hover {
	color:#CC3300;
	opacity:0.8;
}

#screenshot a:active {
	opacity:0.7;
}

.screenshot-camera:before {
	font-family: FontAwesome;
	content:'\f030';
	padding-right:3px;
	color:#308BBE;
}

#softinfo{
width :45%;
}

#main-info-description {
background-color:#f8f8f8;
margin:20px 15px 25px 15px;
padding:12px 12px 12px 12px;
border-radius: 5px;
}


/*  個別記事ソフト情報ここまで */


/** 個別記事ページ ダウンロードボタンここから

a.download-button-link {
color: #fff;
text-decoration:none;
font-size:20px;
display:inline-block;
background-color: #76AC2A;
background-image: linear-gradient(#80BB2D, #669424);
border-top: solid #6fa22a 1px;
border-right: solid #628f25 1px;
border-bottom: solid #4A6C1C 2px;
border-left: solid #628f25 1px;
border-radius: 3px;
padding:9px 56px 9px 46px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

a.download-button-link:hover{
color: #fff;
text-decoration:none;
background-image: linear-gradient(to bottom,#97D641, #689726);
}

a.download-button-link:visited{
color: #fff;
text-decoration:none;
background-image:linear-gradient(#80BB2D, #669424);
}

.download-button-link-icon {
margin-right:15px;
}

.download-button-link-expired {
color: #fff;
text-decoration:none;
font-size:20px;
display:inline-block;
background-color: #8e8e8e;
border-top: solid #727272 1px;
border-right: solid #727272 1px;
border-bottom: solid #727272 2px;
border-left: solid #727272 1px;
border-radius: 3px;
padding:9px 56px 9px 46px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

個別記事ページ ダウンロードボタンここまで **/


/* 個別記事ページ ダウンロードボタン新デザイン案ここから */

a.download-button-link {
color: #fff;
text-decoration:none;
font-size:20px;
display:inline-block;
background-color: #12C74B; /* #27c32e とどっちがいいか検討中 */
border-top: solid #6fa22a 1px;
border-right: solid #628f25 1px;
border-bottom: solid #009807 2px;
border-left: solid #628f25 1px;
border-radius: 3px;
padding:9px 56px 9px 46px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

a.download-button-link:hover{
color: #fff;
text-decoration:none;
background-color: #42d049;
}

a.download-button-link:visited{
color: #fff;
text-decoration:none;
}

.download-button-link-icon {
margin-right:15px;
}

.download-button-link-expired {
color: #fff;
text-decoration:none;
font-size:20px;
display:inline-block;
background-color: #8e8e8e;
border-top: solid #727272 1px;
border-right: solid #727272 1px;
border-bottom: solid #727272 2px;
border-left: solid #727272 1px;
border-radius: 3px;
padding:9px 56px 9px 46px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

/* 個別記事ページ ダウンロードボタン新デザイン案ここまで **/

/* 記事ページ目次ここから */

#single-back .table-of-contents {
background-color:#fefefe;
border:1px dashed #d9d9d9;
border-radius:3px;
font-size:15px;
margin:15px 20px 0px 20px;
padding:15px 30px 10px 40px;
}

#single-back  ul.table-of-contents li{
margin:0 0 0.3em 0!important;
}

#single-back .table-of-contents ol li{
list-style-type:decimal;
margin:0 0 0.3em 0!important;
}

#single-back .table-of-contents ol{
font-size:14px;
padding-left:15px;
margin:0 0 0 0;
}

#single-back .table-of-contents li{
list-style-type:circle;
}

#single-back .table-of-contents a {
	color: #3366CC;
}

#single-back .table-of-contents a:visited {
	color: #3366CC;
}

#single-back .table-of-contents a:hover {
	color: #CC3300;
}

/* 記事ページ目次ここまで */


/*------------------------------------------------------------
個別記事スクリーンショットページ
-------------------------------------------------------------*/

/* 青色矢印 */

.detail-arrow-frame {
text-align:center;
}

.detail-arrow-square {
display:inline-block;
color:#ffffff;
font-size:17px;
font-weight:bold;
background-color:#2DA5D7;
padding:20px 20px 0 20px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}


.detail-arrow-triangle {
display:inline-block;
width: 0;
height: 0;
border-top: 70px solid #2DA5D7;
border-right: 170px solid transparent;
border-bottom: 1px solid transparent;
border-left: 170px solid transparent;
}

/* 個別記事ページ 記事ページへボタン */

a.detail-button-link {
color: #fff;
text-decoration:none;
font-size:20px;
display:inline-block;
background-color:#279FD1;
background-image: linear-gradient(#47BEF0, #138CBE);
border-top: solid #0182B8 1px;
border-right: solid #0182B8 1px;
border-bottom: solid #016d9b 2px;
border-left: solid #0182B8 1px;
border-radius: 3px;
padding:9px 56px 9px 46px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
margin:20px 0 10px 0;
}

a.detail-button-link:hover{
background-image: linear-gradient(#77ccf0, #3094be);
}

a.detail-button-link:visited{
color: #fff;
text-decoration:none;
background-image: linear-gradient(#47BEF0, #138CBE);
}

.detail-button-link-icon {
margin-right:15px;
}


/*------------------------------------------------------------
個別記事レビューページ
-------------------------------------------------------------*/


/* レビュー個別ページここから */

table.software-rating-table {
font-size:12px;
width:100%;
border-collapse:collapse;
margin-bottom:15px;
}

td.software-rating-table-heading {
width:100px;
background:#F0F7F9;
border:1px solid #d9d9d9;
padding:5px 5px 5px 8px;
height:23px;
}

td.software-rating-table-content {
background:#ffffff;
border:1px solid #d9d9d9;
padding:5px 5px 5px 8px;
padding-right:40px;
}

td.software-rating-table-graph {
background:#ffffff;
border:1px solid #d9d9d9;
}

/* レビュー個別ページここまで */


/*------------------------------------------------------------
ユーザー別マイページ
-------------------------------------------------------------*/

/*プロフィール情報テーブル*/

table.prof-table {
margin-top:20px;
margin-bottom:10px;
}

table.prof-table-detail {
font-size:12px;
width:100%;
border-collapse:collapse;
}

td.prof-table-heading {
background:#F0F7F9;
padding:5px;
border:1px solid #d9d9d9;
width:60px
}

td.prof-table-content {
border:1px solid #d9d9d9;
background-color:#fff;
padding:5px
}

table.prof-table-description {
border:1px dashed #d9d9d9;
width:100%;
margin-top:10px;
}

table.prof-table-description p {
padding:0.5em 0;
}

/*評価テーブル*/

table.review-table {
font-size:12px;
width:100%;
border-collapse:collapse;
margin-top:10px;
}

td.review-table-heading {
background:#F0F7F9;
padding:5px 5px 5px 8px;
border:1px solid #d9d9d9;
width:100px;
height:23px;
}

td.review-table-content {
background-color:#fff;
padding:5px 5px 5px 8px;
padding-right:40px;
border:1px solid #d9d9d9;
}

td.review-table-graph {
background:#ffffff;
border:1px solid #d9d9d9;
}


/*アコーディオンメニュー*/
.accordion-trigger {
text-align:center;
border:2px solid #d9d9d9;
padding:10px 0;
margin-bottom:10px;
cursor: pointer;
}

.accordion-trigger:hover{
color:#CC3300;
background:#d9d9d9;
}

.accordion {
display: none;
margin-bottom:20px;
}


/* ----------------------------------------------------------------------
閲覧履歴ページ
---------------------------------------------------------------------- */
.history-tag {
color:#ffffff;
background-color:#bababa;
padding:3px 8px;
border-radius:3px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.clear-tag {
color:#ffffff;
background-color:#bababa;
padding:3px 8px;
border-radius:3px;
margin-top:5px;
cursor:pointer;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.clear-tag:hover {
background:#d9d9d9;
}

.clear-history-button {
text-align:center;
border:2px solid #d9d9d9;
padding:10px 0;
margin-top:10px;
cursor:pointer;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.clear-history-button:hover {
background:#d9d9d9;
}

.clear-history-button2 {
color:#ffffff;
text-align:center;
background-color:#279FD1;
background-image: linear-gradient(#47BEF0, #138CBE);
border-top: solid #0182B8 1px;
border-right: solid #0182B8 1px;
border-bottom: solid #016d9b 2px;
border-left: solid #0182B8 1px;
border-radius: 3px;
padding:10px 0;
margin-top:15px;
cursor:pointer;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.clear-history-button2:hover {
background-image: linear-gradient(#77ccf0, #3094be);
}

.not-clear-history-button {
color:#ffffff;
text-align:center;
background-color: #d9d9d9;
border-top: solid #C0C0C0 1px;
border-right: solid #C0C0C0 1px;
border-bottom: solid #C0C0C0 2px;
border-left: solid #C0C0C0 1px;
border-radius: 3px;
padding:10px 0;
margin-top:15px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

/* ----------------------------------------------------------------------
あとで読むページ
---------------------------------------------------------------------- */

.read-it-later-button {
font-size:11px;
color:#fff;
display:inline-block;
background:#bababa;
border-radius:3px;
padding:3px 6px;
cursor: pointer;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.read-it-later-button:hover {
background:#d9d9d9;
}


/* ----------------------------------------------------------------------
読みものページ
---------------------------------------------------------------------- */

#main-article img {
border:5px solid #f0f0f0;
}

/* 記事内の見出し */
#main-article h2 {
border-left:5px solid #428DE5;
border-bottom:1px solid #d9d9d9;
font-weight:bold;
font-size:16px;
color:#666666;
padding:4px 12px 4px 12px;
margin-bottom:1.5em;
}

#main-article h3 {
font-weight:bold;
font-size:16px;
color:#666666;
text-decoration:none;
padding:2px 2px 2px 2px;
border-bottom:2px solid #EAECEE;
margin-bottom:1.5em
}

#main-article .box-1 {
background:#f8f8f8;
border:1px solid #d9d9d9;
padding:20px;
margin-bottom:1.5em
}

#main-article .code {
font-size:14px;
}

/* 記事内のキャプション付き画像 */
#main-article .wp-caption {
display:inline-block;
background:#f0f0f0;
margin-bottom:1.5em
}

#main-article .wp-caption-text {
background:#f0f0f0;
color:#555;
font-size:15px;
padding:0 10px 5px 10px;
margin-bottom:0!important;
}

/*記事内のテーブル*/

#main-article table {
	border-collapse:collapse;
	max-width: 100%;
	width: 100%;
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: #d9d9d9;
	font-size:14px;
	margin-bottom:1.5em;
}

#main-article table tr td {
	padding: 10px;
	vertical-align:top;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #d9d9d9;
}

#main-article table th {
	background:#f8f8f8;
	padding: 5px 10px;
	text-align: left;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

#main-article table.article-table td {
border:1px solid #d9d9d9;
padding:15px 15px;
font-size:15px;
}

#main-article table.article-table td.heading-cell {
background:#E6E6FA;
padding:7px 15px;
}


/* ----------------------------------------------------------------------
読みものページここまで
---------------------------------------------------------------------- */



/*  ページナビここから */

.wp-pagenavi {
	margin: 1em auto 0;
	line-height: 2em;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
}

.wp-pagenavi a, .wp-pagenavi span {
background:#ffffff;
	margin: 0 0.5em;
	padding: 1em 1em 1em 1em;
	border: 2px solid #D9D9D9;
	border-radius: 5px;
	color: #666;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	color: #46A2D5;
	border-color: #46A2D5;
}

.wp-pagenavi span.current {
	font-weight: bold;
	border: 2px solid #999;
	background: #999;
	color: #fff;
}

/*  ページナビここまで */

/* ブックマークここから */

#___plusone_0{ width:65px !important; }

.top-bookmark {
float:right;
padding-top: 5px;
}

.bottom-bookmark {
margin-top: 20px;
}

.list-bookmark {
padding-bottom: 15px;
}

div.bookmark{border:0 !important;padding:10px 0 10px 0 !important;margin:0 !important;}
div.bookmark div{float:left !important;border:0 !important;padding:0 4px 0px 0 !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
div.bookmark img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
div.bookmark iframe.twitter-share-button {width: 77px!important;}

div.singlebookmark{border:0 !important;padding:1px 0 1px 0 !important;margin:0 !important;}
div.singlebookmark div{float:left !important;border:0 !important;padding:0 4px 0px 0 !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
div.singlebookmark img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
div.singlebookmark iframe.twitter-share-button {width: 77px!important;}

div.bottombookmark{border:0 !important;padding:20px 0 10px 0 !important;margin:0 !important; }
div.bottombookmark div{float:left !important;border:0 !important;padding:0 4px 0px 0 !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
div.bottombookmark img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
div.bottombookmark iframe.twitter-share-button {width: 77px!important;}

div.sidebookmark{border:0 !important;padding:10px 0 1px 10px !important;margin:0 !important;}
div.sidebookmark div{float:left !important;border:0 !important;padding:0 4px 0px 0 !important;margin:0 !important;height:60px !important;text-indent:0 !important;}
div.sidebookmark img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}


.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
.cf {display:block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
/* end MacIE5 */

/* ブックマークここまで */


/* ツールチップここから */
.tooltip {
  position:absolute;
  z-index:9999;
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.2;
}

.tooltip__body {
  position:relative;
  top:-15px;
  padding:10px;
  background:#222;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
  -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
     -moz-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
      -ms-box-shadow:0 2px 4px rgba(0, 0, 0, .4);
          box-shadow:0 2px 4px rgba(0, 0, 0, .4);
}

.tooltip__body:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:0;
  height:0;
  margin-left:-5px;
  border-width:5px 5px 0 5px;
  border-style:solid;
  border-color:#222 transparent transparent transparent;
}

/* ツールチップここまで */



/* グローバルナビここから */
#nav { width: 100%; text-align:center; background:url(images/nav_bg.png) left top repeat-x; height:55px; margin-top:90px;}
#nav ul { margin:0 auto; padding:0; list-style:none; width:972px; text-align:left; }
#nav ul li { margin:0; padding:0; list-style:none; width:162px; height:55px; text-indent:-9999px; float:left; }
#nav ul li a { background-position:left ; display:block; width:162px; height:55px; overflow:hidden; }
#nav ul li a:hover { background-position:left -55px; }

#nav ul li.nav-home { background-image:url(images/home_off.png); }
#nav ul li.nav-home a { background-image:url(images/home_off.png); }
#nav ul li.nav-home a.home-on-mouse { background-image:url(images/home_on.png); }
#nav ul li.nav-home a:hover { background-image:url(images/home_on.png); }
body.nav-home #nav ul li.nav-home a { background-position:left -55px; }

#nav ul li.nav-about { background-image:url(images/about_off.png); }
#nav ul li.nav-about a { background-image:url(images/about_off.png); }
#nav ul li.nav-about a:hover { background-image:url(images/about_on.png); }
body.nav-about #nav ul li.nav-about a { background-position:left -55px; }

#nav ul li.nav-windows { background-image:url(images/windows_off.png); }
#nav ul li.nav-windows a { background-image:url(images/windows_off.png); }
#nav ul li.nav-windows a.windows-on-mouse { background-image:url(images/windows_on.png); }
#nav ul li.nav-windows a:hover { background-image:url(images/windows_on.png); }
body.nav-windows #nav ul li.nav-windows a { background-position:left -55px; }

#nav ul li.nav-browser { background-image:url(images/browser_off.png); }
#nav ul li.nav-browser a { background-image:url(images/browser_off.png); }
#nav ul li.nav-browser a.browser-on-mouse { background-image:url(images/browser_on.png); }
#nav ul li.nav-browser a:hover { background-image:url(images/browser_on.png); }
body.nav-browser #nav ul li.nav-browser a { background-position:left -55px; }



/* ----------------------------------------------------------------------
ドロップダウンメニュー
---------------------------------------------------------------------- */
#global_menu { z-index: 9999; }

#global_menu li { position: relative; float: left; height: 55px; margin: 0; }

#global_menu ul li { z-index: 9999; height: auto; padding: 0; left: auto; margin: 0; font-family: 'メイリオ',Meiryo; font-size: 11px; }

#global_menu a, #global_menu a:visited { color: #999; display: block; position: relative; width: 162px; height: 55px; }

#global_menu a:hover, #global_menu .current_page_item a, #global_menu .current_page_item a:visited { text-decoration: none; }

#global_menu ul { position: absolute; top: 51px; left: 0px; margin: 0; display: none; width: 193px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

#global_menu ul ul { left: 100%; top: 0; margin: 0 0 0 -1px; }

#global_menu ul a, #global_menu ul a:visited, #global_menu .current_page_item ul a, #global_menu .current_page_item ul a:visited, #global_menu ul .current_page_item a, #global_menu ul .current_page_item a:visited { color: #333; line-height: 140%; padding: 14px 11px 11px 20px; width: 160px; margin: 0 0 -1px; border: 1px solid #ccc; height: auto; text-decoration: none; background: white url(img/arrow3.gif) no-repeat 13px 19px; }

#global_menu ul a:hover, #global_menu .current_page_item ul a:hover, #global_menu ul .current_page_item a:hover { color: #fff; background: #0d7b97 url(img/arrow5.gif) no-repeat 13px 19px; }

#global_menu ul.global_category_menu a { font-size: 11px; padding: 14px 11px 11px 35px; width: 145px; }

#global_menu ul.global_category_menu li.cat-item-3 a { background: white url(img/side_menu/first.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-4 a { background: white url(img/side_menu/clock.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-5 a { background: white url(img/side_menu/recommend2.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-6 a { background: white url(img/side_menu/gold.png) no-repeat 12px 12px; }

#global_menu ul.global_category_menu li.cat-item-7 a { background: white url(img/side_menu/bag.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-8 a { background: white url(img/side_menu/plane.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-9 a { background: white url(img/side_menu/coin.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-10 a { background: white url(img/side_menu/present.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-12 a { background: white url(img/side_menu/car.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-13 a { background: white url(img/side_menu/visa.png) no-repeat 10px 14px; }

#global_menu ul.global_category_menu li.cat-item-14 a { background: white url(img/side_menu/smile.png) no-repeat 11px 13px; }

#global_menu ul.global_category_menu li.cat-item-15 a { background: white url(img/side_menu/school.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-261 a { background: white url(img/side_menu/elec.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-262 a { background: white url(img/side_menu/truck.png) no-repeat 12px 13px; }

#global_menu ul.global_category_menu li.cat-item-263 a { background: white url(img/side_menu/mobile.png) no-repeat 12px 11px; }

#global_menu ul.global_category_menu li.cat-item-264 a { background: white url(img/side_menu/shopping.png) no-repeat 12px 12px; }

#global_menu ul.global_category_menu li a:hover { background-color: #0d7b97; }


/* ヘッダーぱんくずエリアここから */
#header-pankuzu-area {
	width: 100%;
	text-align:center;
	background:#fcfcfc;
	/*background:#fcfcfc url(images/header_ad_bg.gif) left top repeat-x;*/
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	margin:1px 0 0 0;
}

#header-pankuzu-area-inner {
	width: 972px;
	color:#666666;
	text-align:left;
	margin:0 auto;
	padding:7px 0;
	font-size:11px;
}

#header-pankuzu-area-inner a{
	color: #666666;
}

#header-pankuzu-area-inner a:hover{
	color: #CC3300;
}

/* ヘッダーぱんくずエリアここまで */


/* ギャラリーここから */
.wp-caption-text {
font-size:14px;
}

/* ギャラリーここまで */


/* ----------------------------------------------------------------------
コメント機能
---------------------------------------------------------------------- */

/* コメントリスト */

.comment-list-block {
border-bottom:1px dotted #9a9a9a;
padding-bottom:20px;
margin-bottom:15px;
}

.comment-title {
font-weight:bold;
font-size:14px;
color:#333;
padding:4px 0 5px 0;"
}

.comment-date {
color:#333;
font-size:13px;
margin-bottom:5px;
}

.comment-author-name {
font-size:12px;
margin-top:5px;"
}

.comment-count {
font-size:11px;
margin-top:2px;
}

.comment-os {
font-size:11px;
margin-top:5px;
}

.reply-link-frame {
display:inline-block;
font-size:11px;
background:#000000;
border-radius:3px;
padding:2px 8px 2px 8px;
margin-top:5px;
}

.reply-link-frame a{
color:#ffffff;
text-decoration:none;
}

.reply-link-frame a:hover{
text-decoration:underline;
}

td.comment-content {
background-color:#f8f8f8;
background-image:linear-gradient(#f9f9f9, #eeeeee 75px);
border-radius:5px;
}

.comment-text {
color:#333;
padding:20px;
}

.reply-heading {
color:#333;
font-weight:bold;
border-bottom:1px solid #333;
padding-left:2px;
margin-bottom:10px;
}

/* コメントがある場合 */

.comment-wrap {
margin-top:15px;
}

.comment-wrap-border {
border-top:1px dotted #9a9a9a;
padding-top:15px;
margin-top:15px;
}

/* コメントがない場合 */
.no-comment-wrap {
border-top:1px dotted #9a9a9a;
border-bottom:1px dotted #9a9a9a;
padding:25px 20px 25px 20px;;
margin-top:15px;
margin-bottom:15px;
}

/* コメントフォーム */

#comment-form-block {
border:2px solid #D9D9D9;
padding:10px 20px 20px 20px;
margin-top:10px;
}

.form-submit {
margin: 15px 0;
text-align: center;
}

/* コメント返信キャンセル */

.cancel-comment-reply {
display:inline-block;
margin-top:10px;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.cancel-comment-reply a {
color:#ffffff;
text-decoration:none;
background:#000000;
padding:10px 40px;
border-radius:5px;
}

.cancel-comment-reply a:hover {
background:#EF6B94;
}

/* Anyway Feedback */
.voting {
text-align:right;
color:#888888;
font-size:12px;
margin-top:10px;
}

.voting a {
font-size:11px;
color:#666;
text-decoration:none;
display:inline-block;
background:#eeeeee linear-gradient(#FCFCFD, #E7E9EC);
border:1px solid #cccccc;
border-radius:3px;
}

.voting a:hover {
background:#eeeeee linear-gradient(#F5F6F9, #E6E9EF 2px, #D9DCE1);
}

.good {
padding:0px 7px;
}

.bad {
padding:0px 2px;
}


/* ----------------------------------------------------------------------
埋め込みコンテンツのスタイル修正
---------------------------------------------------------------------- */

iframe.wp-embedded-content  {
    width:100%;
}


/* ----------------------------------------------------------------------
retina対応
---------------------------------------------------------------------- */

/* retinaここから */

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #top-menu li a,
    #breadcrumbs li,
    .category-menu li a,
    #topbord,
    a.nw-link,
    a.nw-link:visited,
    a.nw-link:hover,
    a.nw-linkg,
    a.nw-linkg:visited,
    a.nw-linkg:hover,
    a.ex-link,
    a.ex-link:visited,
    a.ex-link:hover,
    a.ex-linkg,
    a.ex-linkg:visited,
    a.ex-linkg:hover {
        /* Reference the @2x Sprite */
        background-image: url(images/top@2x.gif);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 950px 301px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #top-title1 h2,
    #top-title2 h2 {
        /* Reference the @2x Sprite */
        background-image: url(images/top-title-sprite@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 690px 152px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #category-toha {
        /* Reference the @2x Sprite */
        background-image: url(images/category-title@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 690px 51px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #softname h1 {
        /* Reference the @2x Sprite */
        background-image: url(images/soft-title@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 690px 51px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #page-title h2 {
        /* Reference the @2x Sprite */
        background-image: url(images/page-title@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 690px 51px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #word-title h2 {
        /* Reference the @2x Sprite */
        background-image: url(images/word-title@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 690px 51px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
    #mylink {
        /* Reference the @2x Sprite */
        background-image: url(images/soft_download_icon@2x.png);
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 26px 26px;
    }
}