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

/* ===== Reset css ===== */

*{
	margin: 0;
	padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

html{
    overflow-y: scroll;
	}
body{
    -webkit-text-size-adjust: 100%; /*スマホでの文字サイズ自動調整をオフにする*/
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

a { }
input, textarea,{
	margin: 0;
	padding: 0;
	}
input[type="text"],input[type="search"],input[type="password"],textarea {
    -webkit-appearance: none;
    border-radius: 0;
	background: #FFF;
	border: 1px solid #999;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	}
input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus,textarea:focus {
	outline: 0;
	border-color: #0090bc;
	}

img{ 
    vertical-align : middle;
	border: none;
    }
ol, ul{
	list-style:none;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	}
table{
    border-collapse: collapse; 
    border-spacing:0;
	}
caption, th{
    text-align: left;
	}

a:focus {
	outline:none;
	}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
	}	
.cf:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
    }
.cf { min-height: 1px; /*IE6、7対策*/}
* html .cf {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
    }
.clear-both{ clear: both;}

fieldset{
	border: none;
	}

input[type=text],input[type="password"], select { 
   outline: none;
}

input ,select {
	position: relative;
	top: 2px;
}
input[type="password"] { padding: 10px;}
input[type="radio"] { height:20px;width:20px;margin:0 3px 10px 5px; } 
input[type="checkbox"] { height:20px;width:20px;margin:0 3px 10px 5px; }
/* よく使うCSS start

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ { text-shadow: 1px 1px 3px #000;}
ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	}
ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
	}
角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	}
トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	}
透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	}
背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
	}

時々使うCSS3 end */

/* ===== 初期スタイル ===== */

html { 
	background: #FFF;
    font-size: 62.5%;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #555;
    }
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
p { 
    margin-bottom: 20px;
    text-align: left
    }
.section_comment p{
	border-bottom: 1px dotted #555;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
.bg-gra-gray{
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;ase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
	}
	
/* ===== TOP ===== */
#top-second .history{
	width: 280px;
	height: 240px;
	margin: 20px auto 20px auto;
	overflow: auto;
	scrollbar-base-color: #CCCCCC;
	scrollbar-arrow-color :#cc1439;
    }
#top-second .history p {
	padding: 3px 15px 3px 15px;
	margin: 0;
	line-height: 1.6;
	border-bottom: dotted 1px #CCC;
	text-align: left;
    }
/* ===== Parts reset ===== */

@media screen and (max-width: 640px) {
	img {
		float: none !important;
	}
}
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
	     url('fonts/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); /* Legacy iOS */
    }
.font-icon-mr:before{
	margin-right: 3px;
	}
.font-icon-mrm:before{
	margin-right: 9px;
	}
.font-icon-larger:before{
	font-size: larger;
	}
.font-icon-inline-block:before{
	display: inline-block;
	}
.font-icon:before{
    line-height: 1;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
    }
.font-icon--link:before{ content: "\f1e0";}
.font-icon--sitemap:before{ content: "\f0e8";}
.font-icon--rss:before{ content: "\f09e";}
.font-icon--bbs:before{ content: "\f0e6";}
.font-icon--post:before{ content: "\f0e5";}
.font-icon--user:before{ content: "\f007";}
.font-icon--time:before{ content: "\f017";}
.font-icon--good:before{ content: "\f087";}
.font-icon--faq:before{ content: "\f128";}
.font-icon--check:before{ content: "\f046";}
.font-icon--arrow-r:before{ content: "\f054";}
.font-icon--arrow-u:before{ content: "\f078";}
.font-icon--home:before{ content: "\f015";}
.font-icon--folder:before{ content: "\f07b";}
.font-icon--flag:before{ content: "\f024";}

/* ボタンコンポーネントのルール */
.button-reset{
	-webkit-appearnce: none;
	-moz-appearance: none;
	appearance: none;
	border: none;  
	padding: 0;
	margin: 0;
	background: none;
	}
.button {
	-webkit-appearnce: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;
	padding: 1em;
	margin: 0;
	text-align: center;
	line-height: 1;
	font-size: inherit; /* 祖先要素を継承 */
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: 1px 1px 2px #E7E7E7; 
	
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc)); 
	}
.button:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
	}
.btn--full{
	width: 100%;
	}
.btn--half{
	width: 50%;
	}

a.button{
	color: #555;
	text-decoration: none;
	margin-top: 5px;
	}
a.button:link{ color: #555; text-decoration: none;}
a.button:visited{ color: #555; text-decoration: none;}
a.button:hover { color: #555; text-decoration: none;}
a.button:active{ color: #555; text-decoration: none;}


.img-bigsmall {
	max-width: 300px;
	height: auto;
	}
.vtop{ vertical-align: top;}
.pickup{ background:#D2F4FA;}
.boldy{ font-weight: bold;}
.text-sf-small{ font-size: small;}
.itemname { font-size: 20px; font-size: 2rem; text-align: center}
.rubi { font-size: small; padding: 0 0 3px 0;}
.box-mon0, .box-mon1, .box-mon2, .box-mon3, .box-mon4, .box-mon5{
	margin-bottom: 20px;
	}

a { color: #0090bc;}
a:link { color: #0090bc;}
a:visited { color: #0090bc;}
a:hover { color: #0090bc;}
a:active { color: #0090bc;}

.display-all{ display: none;}

#content { font-size: 14px; font-size: 1.4rem;}
p { margin-bottom: 20px;}

table.deco{
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
    -webkit-box-shadow: 0 8px 6px -6px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #CCC;
    box-shadow: 0 8px 6px -6px #CCC;
	}
table.deco th{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 7px 10px 7px 10px;
	background: #777;
	color: #FFF;
	}
table.deco td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	border-top: none;
	}
	
table.hasei{
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	}
table.hasei th{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 2px;
	background: #777;
	color: #FFF;
	}
table.hasei td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px;
	border-top: none;
	vertical-align: middle;
	}

.ttd-c{ text-align: center;}
.ttd-l{ text-align: left;}
.ttd-r{ text-align: right;}

.tdesign3 td{
	font-size: 14px; font-size: 1.4rem;
	}	

/* ===== ページャー ===== */
.page-scroll{
	padding: 15px 0 10px 0;
	margin-bottom: 10px;
}

.page-scroll .page-left{
	float: left;
	width: 29%;
	text-align: left;
}
.page-scroll .page-center{
	float:left;
	width: 42%;
	text-align: center;
	margin-top: 15px;
}
.page-scroll .page-right{
	float:right;
	width: 29%;
	text-align: right;
}

/* ===== グローバルナビゲーション ===== */
#menu-box{
	width: 100%;
	margin-bottom: 20px;
	background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #333333 7%, #333333 93%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(7%,#333333), color-stop(93%,#333333), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	}
#menu {
	display: none;
}
#menu li {
	width: 100%;
	font-size: 14px; font-size: 1.4rem;
	text-align: left;
	padding: 10px 15px 10px 15px;
	background: #DDD;
	border-bottom: 1px solid #777777;
	}
#toggle {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 12px;
	background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #333333 7%, #333333 93%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(7%,#333333), color-stop(93%,#333333), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    }
#toggle a{
	font-size: 16px; font-size: 1.6rem;
	display: block;
	position: relative;
	padding: 8px 0;
	border-bottom: 1px solid #121212;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/base/toggle.png) center left no-repeat;
	}
/* ===== 検索窓 Style ===== */

.gsearch {
	font-size: 14px; font-size: 1.4rem;
	margin-bottom: 30px;
	}
	
#cse-search-box input.gsearch-txtbox {
	width: 70%;
	padding: 1em !important;
}
.gsearch-txtbox {
	width: 70%;
	padding: 1em;
	}
.gsearch-btn {
	width: 25%;
	}

/* ===== Header Style ===== */

header { 
    text-align: center;
    padding-top: 0;
    background: #444;
    }
#header-in{
	}
.head-left{
	text-align: left;
	background: #444;
	margin-bottom: 10px;
	}
.logo h1, .logo p { 
	color: #FFF;
	margin-bottom: 0px;
	padding-top: 5px;
    font-size: 9px; font-size: 0.9rem;
    }
.logo h1 a, .logo p a{ color: #FFF; text-decoration: none;}
.logo img{
	margin-bottom: 5px;
	padding: 0; border: none;  
    width: 40%;
    height: 40%;
    }
.head-right{
	margin-bottom: 10px;
	}	
#head-navi{
    width: 100%;
    font-size: 13px; font-size: 1.3rem;
    }
#head-navi li{
	display: inline;
	padding: 0 10px;
    }
#head-navi li:first-child{ padding-left: 0;}
#head-navi li:last-child{ padding-right: 0;}
#head-navi a{ color: #FFF;}
#head-navi .font-icon:before{
    color: #FFF;
	margin-right: 2px;
    }
	
.search-top{
    font-size: 14px; font-size: 1.4rem;
    position: absolute;
    top: 8px;
    right: 5px;
    }
		
#cse-search-box input.search-top-txt {
	padding: 5px !important;
	width: 125px !important;
}
.search-top-txt{
	padding: 5px;
	width: 125px;
    }
.search-top-btn{
	padding: 5px;
    }


.search-single{
	margin-bottom: 30px;
    }
.search-single-txt{
	padding: 5px;
	width: 70%;
    }
.search-single-btn{
	padding: 5px;
    }


/* ===== borderArea ===== */

#border-area{
	position: relative;
    width: 100%;
    background: #EEE;
	padding: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #E1E0DA;
	border-bottom: 1px solid #E1E0DA;
	}
.ticker {
    width: 100%;
	position: relative;
	text-align: left;
	overflow: hidden;
    font-size: 13px; font-size: 1.3rem;
	}

.ticker ul {
	width: 100%;
	position: relative;
	}
.ticker li {
	width: 100%;
	display: none;
	}

/* ===== パンくずリストArea ===== */

#breadcrumb {
	text-align: left;
	color: #666;
    font-size: 12px; font-size: 1.2rem;
	margin-bottom: 10px;
	}
#breadcrumb li {
	display:inline;
	list-style-type:none;
	}
#breadcrumb li a {
	padding-right:14px;
	background:url(../images/base/pnavi.gif) no-repeat right center;
	}
	
.hfeed {
    display: none;
	}
	
.snavi {
	margin-bottom: 20px;
	line-height: 2;
	}
.snavi li {
	position: relative;
	display:inline-block;
	list-style-type:none;
	margin-right: 1em;
	padding: 5px 5px 5px 0;
	}
.snavi li a {
	padding-left: 11px;
	}
.snavi li a:before {
	position: absolute; top: 3px; left: 0;
	font-family: "FontAwesome";
    content: "\f0da";
	padding: 0;
	color: #C0392B;
	font-size: larger;
	text-shadow: 1px 1px 1px #BBB;
	}
	
.navi-tag {
	margin-bottom: 10px;
	line-height: 3;
	}
.navi-tag li {
	display:inline-block;
	list-style-type:none;
	margin-right: 1em;
	margin-bottom: 1em;
	}
.navi-tag li a {
	padding: 10px;
	background: #efefef;
	border: 1px solid #CCC;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	}


/* ===== Contents Style ===== */
#content-wrap {
	width: 100%;
	}

#content {
    width: 95%;
    margin: 0 auto 20px auto;
    text-align: left;
	position: relative;
	font-size: 13px; font-size: 1.3rem;
    }	
#content:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
    }
#content { min-height: 1px; /*IE6、7対策*/}
* html #content {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
    }
#content h1, #content .title-top{
    font-size: 24px; font-size: 2.4rem;
	text-shadow: 1px 1px 1px #CCC;
	line-height: 1.2;
	padding: 5px 0;
	margin-bottom: 15px;
	}
	
#content .content-wide{
	width: 100%;
	}
#content .content-slim{
	width: 100%;	
	}
	
#content a.button{
	text-decoration: none;
	}

#content h2 { font-size: 16px; font-size: 1.6rem; line-height: 1; margin-bottom: 20px; font-weight: normal;}
#content h3,h4 { font-size: 16px; font-size: 1.6rem; line-height: 1; margin-bottom: 20px; font-weight: normal;}

#content h4.title {
	border-bottom: 1px dashed #0090bc;
	padding: 4px 0 4px 13px;
	font-weight: bold;
    }

#content h2.title{
	position: relative;
	padding: 9px 0 9px 24px;
	margin-bottom: 20px;
	border:solid 1px #BBB;
	border-radius: 5px;
	-moz-border-radius: 5px; /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;ase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}
#content h2.title:before{
	position: absolute;
	top: 50%; left: 10px;
	margin-top: -10px; /* 表示する対象の半分のネガティブマージン */
    width: 5px;        /* 四角形の横幅 */
    height: 22px;      /* 四角形の縦幅 */
    background: #0090bc;
    content:"";        /* 空白可 */
	}

#content h3.title{
	position: relative;
	padding: 0 0 8px 25px;
	border-bottom: solid 3px #DDD;
}
#content h3.title:before{
	position: absolute; top: 1px; left: 2px;
	font-family: "FontAwesome";
    content: "\f024";
	padding: 0;
	color: #0090bc;
	font-size: larger;
	}

.title-box-radius2 {
	position: relative;
	padding: 9px 0 9px 24px;
	margin-bottom: 20px;
	border: solid 1px #BBB;
	border-bottom: solid 1px #997575;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;ase64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}
.title-box-radius2:before {
	position: absolute;
	top: 50%; left: 10px;
	margin-top: -11px; /* 表示する対象の半分のネガティブマージン */
    width: 5px;        /* 四角形の横幅 */
    height: 22px;      /* 四角形の縦幅 */
    background: #997575;
    content:"";        /* 空白可 */
}

/* ===== アコーディオンUL Style ===== */

.accodion-box .col-2, .accodion-box .col-3, .accodion-box .col-4 {
	margin-bottom: 0;
	}
#content .accodion-box .acd-title {
	position: relative;
    font-size: 16px; font-size: 1.6rem;
	border: 1px solid #CCC;
	font-weight: normal;
	padding: 8px 0 8px 30px;
	margin-bottom: 3px;
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
	}
#content .accodion-box .acd-title:before {
	position: absolute; top: 6px; left: 6px;
	font-family: "FontAwesome";
    content: "\f138";
    font-size: 20px; font-size: 2.0rem;
	padding: 0;
	color: #02AEDC;
	}
#content .accodion-box .on-off:before {
    content: "\f13a";
	}
#content .accodion-box .acd-title { cursor: pointer;}
#content .accodion-box .acd-box {
	padding: 10px 0 10px 5px;
	margin-bottom: 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: none;
	}
#content .accodion-box ul {
	}

#content .accodion-box li{
	background: url(../images/base/icon-list.gif) top left no-repeat;
	padding: 0 0 6px 15px;
	}


/* ===== Table of Contents Style ===== */

#toc{
	position: relative;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
#toc:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	content: "- 目次 -";
	background: #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	borderleft: 1px solid #EFEFEF;
	text-align: center;
    font-size:larger;
}
#toc .no-toc{
	display: none;
}
#toc .chapter{
	list-style-type: decimal;
	margin: 35px 5px 15px 25px;
}
#toc .chapter li{
	margin-bottom: 10px;
}
#toc .chapter li:last-child{
	margin-bottom: 0;
}

/* ===== COls Style ===== */

.cols { * zoom: 1;}
.cols:after {
    content: "";
	display: block;
	clear: both;
	}
.col-2 { width: 100%; margin-bottom: 10px;}
.col-3 { width: 100%; margin-bottom: 10px;}
.col-4 { width: 100%; margin-bottom: 10px;}
.col-46 { width: 100%; margin-bottom: 10px;}
.col-map { width: 100%; margin-bottom: 10px;}

.col-half {
    float: left;
    width: 48.5%;
	margin-left: 3%;
	* clear: right;
	}
.col-half:first-child{ margin-left: 0;}


/* ===== TopLink＋Sns Area ===== */

.top-link-cols {	* zoom: 1;}
.top-link-cols:after {
    content: "";
	display: block;
	clear: both;
	}
.col-sns {
	width: 100%; margin-bottom: 10px;
	}
.col-link {
	width: 100%; margin-bottom: 10px;
	padding: 5px 15px 15px 15px;
	font-size: 12px; font-size: 1.2rem;
	}
.col-link ul{
	line-height: 2;
	}

/* ===== SnsShare Area ===== */

.arrowBox {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 6px;
}
.arrowBox:after, .arrowBox:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowBox:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.arrowBox:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 6px;
	margin-left: -6px;
}


#share {
	padding: 0;
	}
#share li {
	float: left;
	margin-left: 10px;
	}
#share li:first-child{
	margin-left: 0;
	}
#share a {
	overflow: hidden;
    display:  block;
    width:    50px;
    height:   50px;
         
    background-image: url('../images/base/btn_share.png');
    background-repeat:        no-repeat;
	text-indent:    100%;
    white-space:  nowrap;
		}
#share .twitter a {
    background-position:        0px 0px;
		}
#share .facebook a {
    background-position:        -50px 0px;
		}
#share .gplus a {
    background-position:        -100px 0px;
		}
#share .hatena a {
    background-position:        -150px 0px;
		}
#share .line a {
    background-position:        -200px 0px;
	margin-top: 28px;
		}


/* ===== Footer Style ===== */

footer {
	position: relative;
	width: 100%;
    color: #CCC;
    text-align: left;
	border-top: 1px solid #CCC;
    background: #403E3D;
	font-size: 12px; font-size: 1.2rem;
	}
footer .cols{
    padding: 20px 10px 0 10px;
	}
footer h4{
	color: #11AEF2;
	margin-bottom: 10px;
	}
footer a:link { color: #CCC;}
footer a:visited { color: #CCC;}
footer a:hover { color: #CCC;}
footer a:active { color: #CCC;}

footer .gsitemap{
	list-style: none;
	}
footer .gsitemap li{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	}
footer p{
	margin-bottom: 10px;
	}
	
#copyright {
	width: 100%;
    background: #333;
	border-top: 1px solid #555;
    padding: 5px 10px 5px 10px;
    color: #CCC;
	}
#copyright p{
	text-align: left;
	margin-bottom: 0;
	}
#copyright a{ color: #CCC;}
#copyright a:link { color: #CCC;}
#copyright a:visited { color: #CCC;}
#copyright a:hover { color: #CCC;}
#copyright a:active { color: #CCC;}


/* ===== Page-top Style ===== */

#page-top {
	position: fixed;
	bottom: 0;
	right: 5px;
	}
#page-top a {
	width: 100px;
	padding: 10px 0;
	background: #666;
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	/*透過*/
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
    opacity : 0.8; /* CSS3 */
	}
#page-top a:hover {	text-decoration: none; background: #999;}


/* ===== List Style ===== */

ul.number{
	margin-left: 0; margin-bottom: 20px; padding: 0;
	}
ul.number li{
	margin-left: 25px; padding-bottom: 6px; list-style-type: decimal; background-image: none;}
ul li .cap-point{ 
	display: block;
	margin: 5px;
	padding: 5px;
	background: #f0f8ff;
	border: #99C 1px solid;
}
ul.list{
	margin-left: 7px; margin-bottom: 20px; padding: 0;
	}
ul.list li{
	background: url(../images/base/icon-list.gif) top left no-repeat;
	padding: 0 0 10px 15px;
	}
.cap-pickup{ 
	display: block;
	margin: 5px;
	padding: 5px;
	background: #f0f8ff;
	border: #99C 1px solid;
	}
ul.mu0{
	margin-bottom: 0;
	}
	
ul.list_form_btn li{
	padding-bottom: 10px;
    font-size: larger;
	}
	
/* ===== 人気ブロックなどSidebar-block Style ===== */
.sidebar-block h4{
	position: relative;
    background: #4c4c4c;
    color: #EEE;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	padding: 16px 10px 15px 40px;
	margin-bottom: 0;
	}
.sidebar-block h4:before{	
	font-family: "FontAwesome";
	position: absolute; top: 14px; left: 10px;
    content: "\f004";
	padding: 0;
	color: #1D9F75;
	font-size: larger;
	}
.sidebar-block ul.post-list{
	background: #FEFEFE;
	border: 1px solid #CCC;
	}
.sidebar-block ul.post-list li{
	position: relative;
	padding: 15px 20px 15px 10px;
	border-top: 1px solid #DDD;
	margin: 0;
	}
.sidebar-block ul.post-list li:after{
	font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
	color: #CCC;
	}
#sidebar ul.post-list li:first-child{
	border-top: none;
	}
#content ul.post-list li:hover{
	background: #EEE;
	}
	

/* ===== SmartPhone Adsence Style ===== */
.ad-content-1column-top-respo, .ad-content-1column-top-46{
	margin-bottom: 20px;
	}
.ad-content-left-top, .ad-content-left-middle, .ad-content-left-bottom, .ad-content-post-bottom-change, .ad-content-box{
	margin-bottom: 20px;
	}

.ad-top{
	margin: 0 auto 0 auto;
	text-align: center;
	}
.ad-middle{	margin-top: 0;}
.ad-bottom{	margin-top: 0;}
.ad-bbs-bottom{	margin-top: 0;}
.ad-right{	margin-top: 10px;}

.ad-slim{
	margin-bottom: 20px;
	text-align: center;
	}


/* ===== Box-block Style ===== */
#content h3.box-block-title{
	margin: 0;
	padding: 10px;
	border: 1px solid #999;
	text-shadow: 1px 1px 1px #CCC;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	}
.box-block{
	margin-bottom: 20px;
	border: 1px solid #999;
	border-top: none;
	padding: 10px;
    -webkit-box-shadow: 0 8px 6px -6px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #CCC;
    box-shadow: 0 8px 6px -6px #CCC;
	}
.box-block ul{
	margin-bottom: 0;
	line-height: 2;
	}

.box-table-block table{
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
    -webkit-box-shadow: 0 8px 6px -6px #CCC;
    -moz-box-shadow: 0 8px 6px -6px #CCC;
    box-shadow: 0 8px 6px -6px #CCC;
	}
.box-table-block th{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 7px 10px 7px 10px;
	text-shadow: 1px 1px 1px #CCC;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	}
.box-table-block td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	border-top: none;
	}

/* ===== Q＆A Area ===== */
dl.faq dt:before{
    content: "Ｑ.";
    font-size: 16px; font-size: 1.6rem;
	}
dl.faq dt:first-child{
	margin-top: 0;
	margin-bottom: 10px; 
	}
dl.faq dt{
	margin-top: 20px; 
	margin-bottom: 10px; 
	}
dl.faq dd{
	padding: 10px;
	border: 1px dotted #999;
	}
	
/* ===== Form Area ===== */

label, input[type='checkbox'] {
    cursor: pointer;
	}
label, input[type='radio'] {
    cursor: pointer;
	}
.step { display: none;}


/* ===== Comment Area ===== */

.comment-form{
	margin-bottom: 20px;
	}
	
#content h3.comment{
}
#content h3.comment:before{
    content: "\f1d8";
	}
	
#content h3.comment-list-title:before{
	position: absolute; top: -2px; left: 2px;
    content: "\f075";
	}

/* ===== Monster Weakness Area ===== */

.weakpoint {
	border-top:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	border-collapse:collapse; border-spacing:0; empty-cells:show;
	width: 100%;
    font-size: 13px; font-size: 1.3rem;
	}
.weakpoint TD {    
	border-right:1px solid #BBB; border-bottom:1px solid #BBB; text-align: center; padding: 4px 2px 4px 2px;
	}
.weakpoint TH {    
	border-right:1px solid #BBB; border-bottom:1px solid #BBB;
    color:#FFFFFF;
    background: #888888 url(../images/back_tdesign1.gif) left top no-repeat;
    padding:5px 3px 2px 3px;
    text-align:left;
	}

.weakpoint TH.name{
	border-right:1px solid #BBB; border-bottom:1px solid #BBB; text-align: center; padding: 4px 2px 4px 4px;
	background-color:#CCC;
	color: #555;
	text-align:left;
	line-height: 1.3;
	}
.weakpoint TH.name a{
	text-decoration: underline;
	}
.weakpoint TH.c{ text-align: center;}
.weakpoint TH.bg-validity{ background:#DDDDDD; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-fire{ background:#FF6666; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-aqua{	background:#0099FF; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-thunder{	background:#FFCC00; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-ice{ background:#66CCFF; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-dragon{	background:#CCCC00; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-poison{	background:#CC99CC; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-paralysis{	background:#FFFF66; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-sleep{ background:#66CCFF; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
.weakpoint TH.bg-etc{ background:#CCCC99; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}

.weakpoint TD.c-fire{ color: #FF3300;}
.weakpoint TD.c-aqua{ color: #0066FF;}
.weakpoint TD.c-thunder{ color: #EEA500;}
.weakpoint TD.c-ice{ color: #3399FF;}
.weakpoint TD.c-dragon{ color: #669900;}
.weakpoint TD.ttd-l{ text-align: left;}

.bg-fire{ background-color:#FF6666;}
.bg-aqua{ background-color:#0099FF;}
.bg-thunder{ background-color:#FFCC00;}
.bg-ice{ background-color:#66CCFF;}
.bg-dragon{ background-color:#CCCC00;}
.bg-poison{	background-color:#CC99CC;}
.bg-poison2{ background-color:#f2e6ff;}
.bg-paralysis{ background-color:#FFFF66;}
.bg-paralysis2{	background-color:#FFFFC8;}
.bg-sleep{ background-color:#66CCFF;}
.bg-sleep2{	background-color:#dce9f5;}
.bg-etc{ background-color:#CCCC99;}
.bg-kizetu{	background-color:#f5deb3;}
.bg-genki{ background-color:#b0c4de;}
.bg-nori{ background-color:#9acd32;}
.bg-bomb{ background-color:#ff7f50;}


/* ===== Design Table1 ===== */
TABLE.tdesign1 {
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-collapse:collapse; border-spacing:0; empty-cells:show;
	font-size: 100%;

}
TABLE.tdesign1 TD {    
	border-right:1px solid #888888; border-bottom:1px solid #888888; padding: 5px;

}
TABLE.tdesign1 TH {    
	border-right:1px solid #555; border-bottom:1px solid #555;
    color:#FFFFFF;
    background: #666 url(../images/base/back_tdesign1.gif) left top no-repeat;
    padding:5px 3px 2px 3px;
    text-align:left;
}
TABLE.tdesign1 TH.tate {  
    background: #999 url(../images/base/back_tdesign1.gif) left top no-repeat;
}
TABLE.tdesign1 .c {
	text-align:center;
}
TABLE.tdesign1 TD.intable {padding: 0;}
TABLE.tdesign1 TD.intable table.int { border: none;}
TABLE.tdesign1 TD.intable table.int th{ border-right: #FFFFFF solid 1px; border-bottom: #FFFFFF solid 1px; background: #CCCCCC; color: #666666; text-align: center;}
TABLE.tdesign1 TD.intable table.int td{ border-right: #FFFFFF solid 1px; border-bottom: #FFFFFF solid 1px;}

TABLE.tdesign1 td .back-bar { 
	width: 100%;
	display:  block;
	background: url(../images/back-bar.png) no-repeat left center;
	margin: 0;
	padding: 0;
}
/* ===== Design Table3 ===== */
TABLE.tdesign3 {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse; border-spacing:0; empty-cells:show;

}
TABLE.tdesign3 TD {    
	border-right:1px solid #663300; border-bottom:1px solid #666666; padding:3px;
	background: #EEEEEE;
}
TABLE.tdesign3 TH {    
	border-right:1px solid #666666; border-bottom:1px solid #666666;
    color:#FFFFFF;
	font-weight: normal;
    background-color:#999999;
    background-image:url(../images/back_tdesign1.gif);
    background-position:left top;
    padding:5px 3px 2px 3px;
    text-align:center;
}
TABLE.tdesign3 TH.c {
	text-align:center;
}
TABLE.tdesign3 TH.bui { background-color:#666666;}
TABLE.tdesign3 TH.hi { background-color:#FF6666;}
TABLE.tdesign3 TH.mizu { background-color:#0099FF;}
TABLE.tdesign3 TH.kaminari { background-color:#FFCC00;}
TABLE.tdesign3 TH.koori { background-color:#66CCFF;}
TABLE.tdesign3 TH.ryuu { background-color:#CCCC00;}

TABLE.tdesign3 TD.ttd-lcha{ background-color:#decea6; text-align:left; }
TABLE.tdesign3 TD.ttd-lblue{ background-color:#d8d3fa; text-align:left; }
TABLE.tdesign3 TD.ttd-lp{ background-color:#ffe6fa; text-align:left; }
TABLE.tdesign3 TD.ttd-cc{ background-color:#CCCCCC; text-align:center; }

/* ===== Taisei back area ===== */

.back-red{
	background-color:#FFDDCC;
	text-align:center;
}
.back-blue{
	background-color:#88DDFF;
	text-align:center;
}
.back-yellow{
	background-color:#FFFF99;
	text-align:center;
}
.back-bulelight{
	background-color:#ccf0ff;
	text-align:center;
}
.back-green{
	background-color:#dafcbe;
	text-align:center;
}

/* ===== Recommend result box Area ===== */

.reco-result-box{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;
}
.reco-result-box h2{
	border-left: 8px solid #556b2f;
	border-bottom: 1px solid #556b2f;
}


/* ===== Recommend result Search Area ===== */

.reco-search-result-box{
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #556b2f;
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 10px 6px -6px #999;
       -moz-box-shadow: 0 10px 6px -6px #999;
            box-shadow: 0 10px 6px -6px #999;
}
.reco-search-result-box h3{
	background: none;
    font-size: 20px; font-size: 2.0rem;
	border-left: 8px solid #556b2f;
	border-bottom: 1px dashed #556b2f;
	border-right: none;
	padding: 4px 0 4px 16px;
	margin-bottom: 10px;
}
.reco-search-result-box h3 a{
	text-decoration: underline;
}
.reco-search-result-box .rsr-left{
	width: 49%;
	float: left;
}
.reco-search-result-box .tag{
	display: block;
	float: left;
	text-align: center;
	width: 21px;
	border: 1px solid #900;
	color: #900;
	padding: 0 0 5px 0;
	margin: 0 8px 5px 5px;
	font-size: 14px;
}
.reco-search-result-box ul{
	margin-bottom: 0;
	float: left;
}
.reco-search-result-box .rsr-center1{
	display: none;
}
.reco-search-result-box .rsr-center2{
	display: none;
}
.reco-search-result-box .rsr-right{
	width: 49%;
	float: right;
}
.reco-search-result-box .rsr-right .name{
	background: url(../images/base/user.png) center left no-repeat;
	padding-left: 20px;
}
.reco-search-result-box .rsr-right .time{
	display: none;
}


/* ===== 321px〜のCSS ===== */

@media screen and (min-width : 480px){
.display-all{ display: table-cell;}
.display-sponly{ display: none;}
}

/* ===== 768px〜のCSS ===== */

/*768px*/
@media screen and (min-width : 768px){

/* ===== TOP ===== */
#top-first{
	width: 100%;
	padding-top: 260px;
    }
#top-second{
	width: 100%;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0 0 15px;
    }
#top-second .top-first-ad{
	float: left;
	width: 300px;
	height: 250px;
	padding-top: 10px;
    }
#top-second .history{
	float: right;
	width: 440px;
	height: 240px;
	margin: 10px auto 0 auto;
	overflow: auto;
	scrollbar-base-color: #CCCCCC;
	scrollbar-arrow-color :#cc1439;
    }
#top-second .history p {
	padding: 9px 15px 9px 15px;
	margin: 0;
	line-height: 1.8;
	border-bottom: dotted 1px #CCC;
	text-align: left;
	font-size: 16px; font-size: 1.6rem;
    }
	
html {
	background:url(../images/base/back-body.jpg) ;
	}
#wrapper{
	}

#header-in, #gnavi-in, #border-area-in, #content-wrap-in, #footer-in, #copyright-in{
  width: 768px;
  margin: 0 auto;
}

/* ===== グローバルナビゲーション ===== */
#menu {
	display: block;
	width: 768px;
	margin: 0 auto ;
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
}
#menu li{
	display: inline-block;
	float: left;
	width: auto;
	background: none;
	border-bottom: none;
	padding: 0;
	
}
#menu li a {
	display: inline-block;
	padding: 20px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #777777;
	background: #444444; /* Old browsers */
background: -moz-linear-gradient(top,  #444444 0%, #333333 7%, #333333 93%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(7%,#333333), color-stop(93%,#333333), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #444444 0%,#333333 7%,#333333 93%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}
#menu li:first-child a{
	border-left:1px solid #777777;
}
#menu li a:hover{
	background: #666666;
}
#toggle {
	display: none;
}


#content {
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.6;
}
p, ul.list { margin-bottom: 30px;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}
.text-sf-small{ font-size: inherit;}

ul.list li{
	background: url(../images/base/icon-list2.gif) top left no-repeat;
}

input ,select {
	top: 4px;
}

#toc{ margin-bottom: 30px;}


/* @ header */

header {
	padding-top: 0;
    background: #444;
	}
#header-in{
    text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	}
.head-left{
	margin: 0;
    text-align: center;
	}
.logo {
	float: left;
	width: 260px;
	margin: 15px 0 15px 10px;
	}
.logo h1, .logo p {
	font-size: 12px; font-size: 1.2rem;
	color: #DDD;
	margin: 0;
	padding: 0;
	}
.logo img{
	margin: 0; padding: 0; border: none;   
    width: auto;
    height: auto;
	}

.head-right{
    float: right;
	display: inline-block;
	width: auto;
	}
#head-navi{
	display: inline-block;
	margin: 0 0 20px 0;
    padding: 8px 10px 8px 10px;
    text-align: right;
	}
#head-navi li{ font-size: 14px; font-size: 1.4rem;}
#head-navi .font-icon:before{ margin-right: 5px;}
#head-navi a{ color: #DDD;}
#head-navi .font-icon:before{ color: #DDD;}
#head-navi li{
	display: inline-block;
	padding: 0 12px;
    }

		
.search-top{
	position: static;
    text-align: right;
    }		
#cse-search-box input.search-top-txt {
	padding: 5px !important;
	width: 225px !important;
}
.search-top-txt{
	border: none;
	width: 225px;
	padding: 5px;
    }
.search-top-btn{
	width: 80px;
	padding: 5px;
	margin-right: 10px;
    }
/* ===== borderArea ===== */
#border-area{
	box-shadow: 0px 5px 3px -3px #999;
	-webkit-box-shadow: 0px 5px 3px -3px #999;
	-moz-box-shadow: 0px 5px 3px -3px #999;
	border: none;
	margin-bottom: 20px;
	background: #494949; /* Old browsers */
    background: -moz-linear-gradient(top,  #494949 0%, #4f4f4f 21%, #4f4f4f 83%, #494949 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(21%,#4f4f4f), color-stop(83%,#4f4f4f), color-stop(100%,#494949)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #494949 0%,#4f4f4f 21%,#4f4f4f 83%,#494949 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #494949 0%,#4f4f4f 21%,#4f4f4f 83%,#494949 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #494949 0%,#4f4f4f 21%,#4f4f4f 83%,#494949 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #494949 0%,#4f4f4f 21%,#4f4f4f 83%,#494949 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#494949',GradientType=0 ); /* IE6-9 */
	}

#border-area-in{
	}

.ticker {
	font-size: 15px; font-size: 1.5rem;
	padding-left: 40px;
	margin-left: 20px;
}
.ticker:before {
	position: absolute;
	top: 0; left:0;
	content: "注目";
	background: #C05049;
	color: #FFF;
	border: 1px solid #b22222;
	padding: 2px 2px 0 2px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
}
.ticker li {
	height: 28px;
}
.ticker a{
	color: #FFF;
}

/* ===== パンくずリストArea ===== */
#content-top {
	width: 100%;
	display: block;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	background: #4c4c4c;
	padding: 10px;
	}

#breadcrumb {
	display: inline-block;
    float: left;
    list-style: none;
    overflow: hidden;
    font-size: 13px; font-size: 1.3rem;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);

	text-align: left;
	color: #AAA;
	margin: 5px 0 0 0;
	}
#breadcrumb li {
	display:inline;
	list-style-type:none;
	color: #DDD;
	}
#breadcrumb li a {
	padding-right:14px;
	background:url(../images/base/pnavi768.gif) no-repeat right center;
	color: #DDD;
	}
	
.hfeed {
	display: inline-block;
    float: right;
	}
.hfeed li {
	float: left;
	margin-left: 5px;
	}
.hfeed li:first-child{
	margin-left: 0;
	}
.hfeed a {
	overflow: hidden;
    display:  block;
    width:    76px;
    height:   28px;    
    background: url('../images/base/feedrss.png') no-repeat;
	text-indent:    100%;
    white-space:  nowrap;
		}
.hfeed .feedly a {
    background-position:        0px 0px;
		}
.hfeed .rss a {
    background-position:        -76px 0px;
		}

/* @ form */
.step {
    display: block;
    margin-bottom: 20px;
	}
/* @end */

/* ===== Contents Style ===== */
#content-wrap-in{
	}
	
#content {
	position: relative;
    overflow: hidden;
	width: 100%;
	text-align: left;
	font-size: 16px; font-size: 1.6rem;	
	padding: 15px;
	background: #fefefe;
} /* 768 */

#content .content-wide{
	float: left;
	width: 480px;
	}
#content .content-slim{
	float: right;
	width: 238px;	
	}

#content a{
	text-decoration: underline;
	}
#content a:hover{
	text-decoration: none;
	}
	
#content h1, #content .title-top{
    font-size: 32px; font-size: 3.2rem;
	letter-spacing: -0.05em;
	line-height: 1.2;
	text-shadow: 1px 1px 1px #CCC;
	margin-bottom: 20px;
	}
	
#content h2 a, #content h3 a,#content h4 a{
	text-decoration: none;
	}

#content h2.title{
	padding: 12px 0 10px 24px;
	font-size: 24px; font-size: 2.4rem;
}

#content h3.title{
	padding: 0 0 11px 38px;
	font-size: 24px; font-size: 2.4rem;
}
#content h3.title:before{
	position: absolute; top: 0; left: 2px;
	}

/* ===== アコーディオンUL Style ===== */

#content .accodion-box .acd-title {
    font-size: 16px; font-size: 1.6rem;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	}
#content .accodion-box .acd-title:before {
	position: absolute; top: 8px; left: 6px;
    content: "\f13a";
    font-size: 20px; font-size: 2.0rem;
	}
#content .accodion-box .on-off:before {
    content: "\f138";
	}
#content .accodion-box .acd-box{
	display: block;
	}

/* ===== Table of Contents Style ===== */

#toc .chapter{
	margin: 40px 5px 15px 35px;
	}

/* ===== Sidebar Style ===== */
#content ul.post-list a{
	text-decoration: none;
	}
/* ===== EtcNavigation Style ===== */
#content .navi-tag li a {
	text-decoration: none;
	}
	
/* ===== Cols Style ===== */

.cols { * zoom: 1;}
.cols:after {
    content: "";
	display: block;
	clear: both;
	}
.col-2 {
    float: left;
    width: 48.5%;
	margin-left: 3%;
	* clear: right;
	}
.col-2:first-child{ margin-left: 0;}
.col-3 {
    float: left;
    width: 31.6%;
	margin-left: 2.6%;
	* clear: right;
	}
.col-3:first-child{ margin-left: 0;}
.col-4 {
    float: left;
    width: 22.75%;
	margin-left: 3%;
	* clear: right;
	}
.col-4:first-child{ margin-left: 0;}

.col-46 {
    float: left;
	width: 50%;
	margin-left: 3%;
	margin-bottom: 20px;
	* clear: right;
	}
.col-46:first-child {
	width: 47%;
	margin-left: 0;
	}
	
.col-map {
    float: left;
    width: 59%;
	margin-left: 1%;
	* clear: right;
	}
.col-map:first-child{
	margin-left: 0;
    width: 40%;
    }


/* ===== Footer Style ===== */
footer {
    width: 100%;
    font-size: 14px; font-size: 1.4rem;
	}
#footer-in{
	position: relative;
	}
footer .cols{
    padding: 20px 15px 15px 15px;
    text-align: left;
	}
footer li{
	padding: 0 10px 0 10px;
	}

#copyright {
	}
#copyright-in {
    text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	padding: 15px 10px 15px 15px;
	}

/* ===== Page-top Style ===== */

#page-top {
	bottom: 10px;
	right: 10px;
	font-size: 14px; font-size: 1.4rem;
	}
#page-top a {
	width: 100px;
	padding: 30px 0;
   }


/* ===== Q＆A Area ===== */

.qa dt:before{
    content: "Ｑ.";
	font-size: 18px;
}


/* ===== Tablet＆PC Adsence Style ===== */
.ad-content-1column-top-respo{
	margin-bottom: 30px;
	}
.ad-content-1column-top-46{
	margin-bottom: 20px;
	}
.ad-content-3column-in{
	margin-bottom: 20px;
	}
.ad-content-1column-bottom-respo{
	}
.ad-content-left-top, .ad-content-left-middle, .ad-content-left-bottom, .ad-content-box{
	margin-bottom: 20px;
	}
.ad-content-left-bottom, .ad-content-box{
	padding-top: 15px;
    }
.ad-content-left-bottom .align-left, .ad-content-left-bottom .align-right{
	display: inline-block;
	}
.ad-content-1column-bottom .align-left, .ad-content-1column-bottom .align-right{
	display: inline-block;
	}
.ad-content-right-top{
	margin-bottom: 20px;
	}
	
	
.ad-top{
	margin: 0 auto 0 auto;
	text-align: center;
	}
.ad-middle{	margin-bottom: 20px;}
.ad-bottom{	margin-bottom: 20px;}
.ad-bbs-bottom{
	margin-top: 10px;
	margin-bottom: 20px;
	}
	
/* ===== Comment Style ===== */	
#content h3.comment{
}
#content h3.comment:before{
	}
#content h3.comment-list-title{
	margin-bottom: 0;
	}
#content h3.comment-list-title:before{
	position: absolute; top: -3px; left: 2px;
	}
.comment-list{
	margin-bottom: 30px;
	}
.comment-listox{
	border-bottom: 1px dashed #CCC;
	padding: 15px 0 15px 15px;
	}
.comment-listox:first-child{
	padding-top: 0;
	}
.comment-message{
	width: 100%;
	margin-bottom: 10px;
	}
.comment-name, .comment-time{
	display: inline-block;
	margin-bottom: 0;
	font-size: small;
	color: #888;
	}
.comment-time{
	margin-left: 1em;
	}
	
/* ===== Etc Style ===== */
#bbs-position {
	position: absolute;
	top: 0;
	right: 0;
	
	padding: 7px 10px 7px 10px;
	color: #FFF;
	background: #ccc;
	
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}	
	
/* ===== SnsShare Area ===== */
#share .line a {
	margin-top: 32px;
		}

.col-link {
	font-size: 14px; font-size: 1.4rem;
	}
.col-link p{
	margin: 0;
	}
.col-link ul{
	line-height: 2;
	}
.col-link li{
	display: inline-block;
	margin-right: 15px;
	}
		
		
/* ===== weakpoint Area ===== */

.weakpoint TH.name{
	font-size: 16px; font-size: 1.6rem;
	}
	
	
/* ===== Recommend result Search Area ===== */

.reco-search-result-box{
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #556b2f;
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 10px 6px -6px #999;
       -moz-box-shadow: 0 10px 6px -6px #999;
            box-shadow: 0 10px 6px -6px #999;
    }
.reco-search-result-box h3{
	background: none;
	border-left: 8px solid #556b2f;
	border-bottom: 1px dashed #556b2f;
	border-right: none;
	padding: 4px 0 4px 16px;
	margin-bottom: 10px;
    }
.reco-search-result-box h3 a{
    font-size: 22px; font-size: 2.2rem;
	text-decoration: underline;
    }
.reco-search-result-box .rsr-left{
	display: inline-block;
	width: 25%;
	float: left;
	margin: 0;
    }
.reco-search-result-box .tag{
	display: block;
	float: left;
	text-align: center;
	width: 21px;
	border: 1px solid #900;
	color: #900;
	padding: 0 0 5px 0;
	margin: 0 8px 5px 5px;
	font-size: 14px;
    }
.reco-search-result-box ul{
	margin-bottom: 0;
	float: left;
    }
.reco-search-result-box .rsr-center1{
	display: inline-block;
	width: 25%;
	float: left;
	margin-left: 1.5%;
    }
.reco-search-result-box .rsr-center2{
	display: inline-block;
	width: 25%;
	float: left;
	margin-left: 1.5%;
    }
.reco-search-result-box .rsr-right{
	display: inline-block;
	width: 20.5%;
	float: left;
	margin-left: 1.5%;
    }
.reco-search-result-box .rsr-right .name{
	background: url(../images/base/user.png) center left no-repeat;
	padding-left: 20px;
    }
.reco-search-result-box .rsr-right .time{
}

}


/* ===== 1024pxからのCSS ===== */

/*1024px*/
@media screen and (min-width : 1024px){

/* ===== TOP ===== */
#top-second .history{
	width: 700px;
    }
	
/* ===== ページャー ===== */
.page-scroll{
	padding: 15px 15px 10px 15px;
}


html {}

#wrapper{
	}

#header-in, #gnavi-in, #border-area-in, #content-wrap-in, #footer-in, #copyright-in{
  width: 1030px;
}

.head-right{
	}
#head-navi{
	}

.search-top{
	}		
#cse-search-box input.search-top-txt {
	width: 240px !important;
}
.search-top-txt{
	width: 240px;
    }
.search-top-btn{
	width: 80px;
	margin-right: 10px;
    }
	
/* ===== グローバルナビゲーション ===== */
#menu-box{
	}
#menu {
	width: 1030px;
}

/* ===== borderArea ===== */
#border-area-in{
	}
.ticker {
	}

/* ===== TitleArea ===== */
#title-area{
	}
	
/* ===== ContentsArea ===== */
#content {
}
#content .content-wide{
	float: left;
	width: 680px;
	}
#content .content-slim{
	float: right;
	width: 300px;	
	}

/* ===== Cols ===== */
.col-46 { width: 63%;}
.col-46:first-child { width: 34%;}

.col-map {
    float: left;
    width: 68%;
	margin-left: 1%;
	* clear: right;
	}
.col-map:first-child{
	margin-left: 0;
    width: 31%;
}

/* ===== FooterArea ===== */
#footer-in{
	}
#copyright-in {
	}
	
}


/* ===== Other Style ===== */

table.tb-2col{
    border-collapse: collapse; border-spacing:0; empty-cells:show;
    margin-bottom: 20px;
    width: 100%;
    border-top: 1px solid #b0c4de;
    border-left: none;
    }
table.tb-2col .ttd-2col-a{
    background: #e5f3ff;
    border-right: 2px solid #cce7ff;
    border-bottom: 1px solid #b0c4de;
    padding: 5px;
    width: 30%;
    text-align: center;
    }
table.tb-2col .ttd-2col-b{
    border-right: none;
    border-bottom:1px solid #b0c4de;
    padding: 5px;
    width: 70%;
    text-align: left;
}

.arrow-box-right{
    position: relative;
    background-color: #e6e6fa;
}
.arrow-box-right:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-left-color: #e6e6fa;
    left: 100%;
    top: 25%;
}

.t-left { text-align: left; }
.d-block { display: block; }
.mum { margin-bottom: 20px; }
.mul { margin-bottom: 30px; }
.mu0 { margin-bottom: 0; }

img.lefty {display:block; float:left; padding: 0 12px 0 0}
img.righty {display:block; float:right; padding: 0 0 0 12px}
img.center {display:block; margin: 0 auto 12px auto;}

.t-12p{ font-size: 12px; font-size: 1.2rem; }
.t-14p{ font-size: 14px; font-size: 1.4rem; }
.t-16p{ font-size: 16px; font-size: 1.6rem; }
.t-18p{ font-size: 18px; font-size: 1.8rem; }
.t-20p{ font-size: 20px; font-size: 2rem; }
.t-small{ font-size: small; }
.t-large{ font-size: large; }


/* ===== Color area ===== */

.c-white{color: white;}
.c-darkgray{color: #777;}
.c-red{color: red;}
.c-red2{color: #be0000;}
.c-orange{color: #FF6600;}
.c-purple{color: #993366;}
.c-purple2{color: #9d4dee}
.c-yellow{color: #f8b500;}
.c-greenl{color: #66CC66;}
.c-green{color: green;}
.c-mon{color: #749c36;}
.c-blue{color: blue;}
.c-lightblue{color: #00CCFF;}
.c-pink{color: #FF6699;}
.c-syuiro{color: #FF0033;}
.c-enji{color: #be0000;}
.c-enji2{color: #b67070;}
.c-deepblue{color: #330099;}
.c-redpurple { color: #8b008b;}
.c-bluepurple { color: #af99db;}

.c-fire{ color:#FF3300;}
.c-aqua{ color:#0066FF;}
.c-thunder{ color:#EEA500;}
.c-ice{ color:#3399FF;}
.c-dragon{ color:#669900;}
.c-bomb{ color:#FF6600;}
.c-poison{ color:#996699;}
.c-paralysis{ color:#b8860b;}
.c-sleep{ color:#9c9ee2;}
.c-kyougeki{ color: #ff4646;}
.c-paint{ color:#ff69b4;}
.c-setugeki{ color:#FF6600;}
.c-genki{ color:#bc8f8f;}
.c-zanretu{	color:#6a5acd;}
.c-minus{	color:#cc2828;}
.c-plus{ color:#1e90ff;}
.c-gray{ color:#CCC;}


ul.list-cap-point{
	padding: 10px;
	background: #f0f8ff;
	border: #99C 1px solid;
}

ul.list-cap-point li{
	background-image:url(../../images/base/icon-list.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 15px;
}


#content h2.m-info{
	position: relative;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0 0 8px 30px;
	font-size: 20px; font-size: 2rem;
}
#content h2.m-info:before{
	position: absolute; top: 1px; left: 2px;
	font-family: "FontAwesome";
    content: "\f024";
	padding: 0;
	color: #0090bc;
	font-size: larger;
	}
TH.c{ text-align: center;}
TH.bg-ddd{ background:#DDDDDD none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-hi{	background:#FF6666 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-mizu{	background:#0099FF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-kaminari{	background:#FFCC00 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-koori{	background:#66CCFF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-ryuu{	background:#CCCC00 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-doku{	background:#CC99CC none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-doku2{	background:#f2e6ff none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-mahi{	background:#FFFF66 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-mahi2{	background:#FFFFC8 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-suimin{	background:#66CCFF none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-suimin2{	background:#dce9f5 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}
TABLE.tdesign-m TH.bg-etc{ background:#CCCC99 none; padding: 5px 2px 2px 2px; color: #555555; text-align: center;}

.monster-navi{
	display: block;
	margin: 0 0 20px 0;
	}
	
.tdesign3 td{
	font-size: 16px; font-size: 1.6rem;
	}