@import url("reset.css");
.clearfix {
display: inline-block;
}
#clear {
clear: both;
float: none;
height: 0px;
width: 0px;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
float: none;
height: 0px;
width: 0px;
}
img {
display: block;
vertical-align: text-bottom;
}
.hide {
left: -9999px;
position: absolute;
top: -9999px;
}
/*タブ organictabs*/

#tab-one {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-one .list-wrap {
background-color: #fff;
border-top: solid 1px #CCC;
margin: 0px;
}
#tab-one .nav {
overflow: hidden;
}
#tab-one .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-one .nav li.last {
margin-right: 0;
}
#tab-one .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-one .nav li a:hover {
background-color: #111;
}
#tab-one ul {
list-style: none;
}
#tab-one ul li a {
}
#tab-one ul li:last-child a {
border: none;
}
#tab-one ul li.nav-one a.current, #tab-one ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-one ul li.nav-two a.current, #tab-one ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-one ul li.nav-three a.current, #tab-one ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-one ul li.nav-four a.current, #tab-one ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-one .list-wrap #tab1 li a, #tab-one .list-wrap #tab2 li a, #tab-one .list-wrap #tab3 li a, #tab-one .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
}
#tab-one .list-wrap #tab1 li p, #tab-one .list-wrap #tab2 li p, #tab-one .list-wrap #tab3 li p, #tab-one .list-wrap #tab4 li p {
overflow: auto;
}
#tab-one .list-wrap #tab1 li .date, #tab-one .list-wrap #tab2 li .date, #tab-one .list-wrap #tab3 li .date, #tab-one .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
}
#tab-two {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-two .list-wrap {
margin: 0px;
}
#tab-two .nav {
overflow: hidden;
}
#tab-two .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-two .nav li.last {
margin-right: 0;
}
#tab-two .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-two .nav li a:hover {
background-color: #111;
}
#tab-two ul {
list-style: none;
}
#tab-two ul li a {
}
#tab-two ul li:last-child a {
border: none;
}
#tab-two ul li.nav-one a.current, #tab-two ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-two ul li.nav-two a.current, #tab-two ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-two ul li.nav-three a.current, #tab-two ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-two ul li.nav-four a.current, #tab-two ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-two .list-wrap #tab1 li, #tab-two .list-wrap #tab2 li, #tab-two .list-wrap #tab3 li, #tab-two .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-two .list-wrap #tab1 li a, #tab-two .list-wrap #tab2 li a, #tab-two .list-wrap #tab3 li a, #tab-two .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-two .list-wrap #tab1 li p, #tab-two .list-wrap #tab2 li p, #tab-two .list-wrap #tab3 li p, #tab-two .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-two .list-wrap #tab1 li .date, #tab-two .list-wrap #tab2 li .date, #tab-two .list-wrap #tab3 li .date, #tab-two .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
#tab-three {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-three .list-wrap {
margin: 0px;
}
#tab-three .nav {
overflow: hidden;
}
#tab-three .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-three .nav li.last {
margin-right: 0;
}
#tab-three .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-three .nav li a:hover {
background-color: #111;
}
#tab-three ul {
list-style: none;
}
#tab-three ul li a {
}
#tab-three ul li:last-child a {
border: none;
}
#tab-three ul li.nav-one a.current, #tab-three ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-three ul li.nav-two a.current, #tab-three ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-three ul li.nav-three a.current, #tab-three ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-three ul li.nav-four a.current, #tab-three ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-three .list-wrap #tab1 li, #tab-three .list-wrap #tab2 li, #tab-three .list-wrap #tab3 li, #tab-three .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-three .list-wrap #tab1 li a, #tab-three .list-wrap #tab2 li a, #tab-three .list-wrap #tab3 li a, #tab-three .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-three .list-wrap #tab1 li p, #tab-three .list-wrap #tab2 li p, #tab-three .list-wrap #tab3 li p, #tab-three .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-three .list-wrap #tab1 li .date, #tab-three .list-wrap #tab2 li .date, #tab-three .list-wrap #tab3 li .date, #tab-three .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
#tab-four {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-four .list-wrap {
margin: 0px;
}
#tab-four .nav {
overflow: hidden;
}
#tab-four .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-four .nav li.last {
margin-right: 0;
}
#tab-four .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-four .nav li a:hover {
background-color: #111;
}
#tab-four ul {
list-style: none;
}
#tab-four ul li a {
}
#tab-four ul li:last-child a {
border: none;
}
#tab-four ul li.nav-one a.current, #tab-four ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-four ul li.nav-two a.current, #tab-four ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-four ul li.nav-three a.current, #tab-four ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-four ul li.nav-four a.current, #tab-four ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-four .list-wrap #tab1 li, #tab-four .list-wrap #tab2 li, #tab-four .list-wrap #tab3 li, #tab-four .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-four .list-wrap #tab1 li a, #tab-four .list-wrap #tab2 li a, #tab-four .list-wrap #tab3 li a, #tab-four .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-four .list-wrap #tab1 li p, #tab-four .list-wrap #tab2 li p, #tab-four .list-wrap #tab3 li p, #tab-four .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-four .list-wrap #tab1 li .date, #tab-four .list-wrap #tab2 li .date, #tab-four .list-wrap #tab3 li .date, #tab-four .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
#tab-five {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-five .list-wrap {
margin: 0px;
}
#tab-five .nav {
overflow: hidden;
}
#tab-five .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-five .nav li.last {
margin-right: 0;
}
#tab-five .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-five .nav li a:hover {
background-color: #111;
}
#tab-five ul {
list-style: none;
}
#tab-five ul li a {
}
#tab-five ul li:last-child a {
border: none;
}
#tab-five ul li.nav-one a.current, #tab-five ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-five ul li.nav-two a.current, #tab-five ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-five ul li.nav-three a.current, #tab-five ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-five ul li.nav-four a.current, #tab-five ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-five .list-wrap #tab1 li, #tab-five .list-wrap #tab2 li, #tab-five .list-wrap #tab3 li, #tab-five .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-five .list-wrap #tab1 li a, #tab-five .list-wrap #tab2 li a, #tab-five .list-wrap #tab3 li a, #tab-five .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-five .list-wrap #tab1 li p, #tab-five .list-wrap #tab2 li p, #tab-five .list-wrap #tab3 li p, #tab-five .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-five .list-wrap #tab1 li .date, #tab-five .list-wrap #tab2 li .date, #tab-five .list-wrap #tab3 li .date, #tab-five .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
#tab-six {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-six .list-wrap {
margin: 0px;
}
#tab-six .nav {
overflow: hidden;
}
#tab-six .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-six .nav li.last {
margin-right: 0;
}
#tab-six .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-six .nav li a:hover {
background-color: #111;
}
#tab-six ul {
list-style: none;
}
#tab-six ul li a {
}
#tab-six ul li:last-child a {
border: none;
}
#tab-six ul li.nav-one a.current, #tab-six ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-six ul li.nav-two a.current, #tab-six ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-six ul li.nav-three a.current, #tab-six ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-six ul li.nav-four a.current, #tab-six ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-six .list-wrap #tab1 li, #tab-six .list-wrap #tab2 li, #tab-six .list-wrap #tab3 li, #tab-six .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-six .list-wrap #tab1 li a, #tab-six .list-wrap #tab2 li a, #tab-six .list-wrap #tab3 li a, #tab-six .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-six .list-wrap #tab1 li p, #tab-six .list-wrap #tab2 li p, #tab-six .list-wrap #tab3 li p, #tab-six .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-six .list-wrap #tab1 li .date, #tab-six .list-wrap #tab2 li .date, #tab-six .list-wrap #tab3 li .date, #tab-six .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
#tab-seven {
background-color: #fff;
margin-bottom: 0px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
moz-box-shadow: 0 0 5px #666;
padding: 10px;
webkit-box-shadow: 0 0 5px #666;
}
#tab-seven .list-wrap {
margin: 0px;
}
#tab-seven .nav {
overflow: hidden;
}
#tab-seven .nav li {
float: left;
margin: 0 1.2505em 0 0;
width: 9.38em;
}
#tab-seven .nav li.last {
margin-right: 0;
}
#tab-seven .nav li a {
background-color: #959290;
border: 0;
color: white;
display: block;
font-size: 0.813em;
padding: 5px;
text-align: center;
text-decoration: none;
}
#tab-seven .nav li a:hover {
background-color: #111;
}
#tab-seven ul {
list-style: none;
}
#tab-seven ul li a {
}
#tab-seven ul li:last-child a {
border: none;
}
#tab-seven ul li.nav-one a.current, #tab-seven ul.featured li a:hover {
background-color: #0575f4;
color: white;
}
#tab-seven ul li.nav-two a.current, #tab-seven ul.core li a:hover {
background-color: #d30000;
color: white;
}
#tab-seven ul li.nav-three a.current, #tab-seven ul.jquerytuts li a:hover {
background-color: #8d01b0;
color: white;
}
#tab-seven ul li.nav-four a.current, #tab-seven ul.classics li a:hover {
background-color: #FE4902;
color: white;
}
#tab-seven .list-wrap #tab1 li, #tab-seven .list-wrap #tab2 li, #tab-seven .list-wrap #tab3 li, #tab-seven .list-wrap #tab4 li {
margin: 0px;
padding: 0.5em;
}
#tab-seven .list-wrap #tab1 li a, #tab-seven .list-wrap #tab2 li a, #tab-seven .list-wrap #tab3 li a, #tab-seven .list-wrap #tab4 li a {
display: block;
margin: 0.1em;
overflow: hidden;
}
#tab-seven .list-wrap #tab1 li p, #tab-seven .list-wrap #tab2 li p, #tab-seven .list-wrap #tab3 li p, #tab-seven .list-wrap #tab4 li p {
overflow: hidden;
}
#tab-seven .list-wrap #tab1 li .date, #tab-seven .list-wrap #tab2 li .date, #tab-seven .list-wrap #tab3 li .date, #tab-seven .list-wrap #tab4 li .date {
color: #036;
display: block;
font-size: 80%;
font-weight: bold;
overflow: hidden;
}
/*その他　共通*/

.red {
color: #F00;
}
.blue {
color: #06F;
}
.bluebold {
color: #2865C1;
font-weight: bold;
}
.jisage {
margin-left: 1em;
}
.burasagari {
margin-left: 1em;
text-indent: -1em;
}
.kome {
display: block!important;
text-align: left;
color: #003;
font-size: 0.94em!important;
text-indent: -1em!important;
padding-left: 1em!important;
}
span.kome {
margin-top: 0em;
margin-bottom: 0em;
padding-bottom: 0em;
padding-top: 0em;
font-size: 95%;
text-indent: -1em;
padding-left: 1em;
display: block;
}
.textbold {
font-weight: bold;
color: #01114D;
}
.a_right {
clear: both;
text-align: right;
}
.small {
font-size: 75%;
}
.width120 {
width: 120px!important;
}
.width156 {
width: 156px!important;
}
.width220 {
width: 220px!important;
}
.width240 {
width: 240px!important;
}
.width242 {
width: 242px!important;
}
.width320 {
width: 320px!important;
}
.width117 {
width: 117px!important;
}
.width267 {
width: 267px!important;
}
.underline {
text-decoration: underline;
color: #0E0E0E;
font-weight: bold;
}
.a_left {
text-align: left;
}
.list-wrap #tab2 li {
display: block;
}
i {
margin-left: 0.7em;
}
.doubleline-red {
/*二重打ち消し線　赤*/
background-image: url(../images/redline.gif);
background-repeat: repeat-x;
background-position: center;
display: inline-block!important;
text-align: inherit;
font-weight: normal!important;
}