@charset "UTF-8";
/*------------------------------
 ------------------------------
 COLORSET：
 ------------------------------
 text:#000;
 background：#e6e6e6;
 
 a:#000;
 a:hover:#999;
 a:visited:#000;
 ______________________________________*/
/* ////////////////////////////////////////
 Reset by Blueprint
 //////////////////////////////////////// */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,, caption, tbody, tfoot, thead, {

margin:
    0;

padding:
    0;

border:
    0;

font-style:inherit;

font-size:
    100%;

vertical-align:baseline;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, {

text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

/* ////////////////////////////////////////
 YUI Font CSS
 [77% = 10px]
 [85% = 11px]
 [93% = 12px] (was 92%)
 [100% = 13px]
 [108% = 14px] (was 107%)
 [116% = 15px] (was 114%)
 [123.1% = 16px] (was 122%)
 [131% = 17px] (was 129%)
 [138.5% = 18px] (was 136%)
 [146.5% = 19px] (was 144%)
 [153.9% = 20px] (was 152%)
 [161.6% = 21px] (was 159%)
 [167% = 22px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
 [174% = 23px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
 [182% = 24px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
 [189% = 25px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
 [197% = 26px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
 //////////////////////////////////////// */
/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea {
    font: 99%;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size: inherit;
    font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
    font-family: monospace;*

font-size:
    108%;

line-height:
    100%;
}

/* ////////////////////////////////////////
 Settings
 //////////////////////////////////////// */
body {
    color: #333;
    background: #ffffff;
    line-height: 150%;
    font-family: "ＭＳＰゴシック", HeiseiMincho, 'ヒラギノ角ゴ Pro W3', meiryo, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

img {
    vertical-align: bottom;
    border: none;
}

table.border {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

td.border {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

a.link00 {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #0584C6;
}

a.link00:hover {
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    color: #0584C6;
}

a.link01 {
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
    color: #33aa55;
}

a.link01:hover {
    font-size: 12px;
    line-height: 17px;
    text-decoration: underline;
    color: #33aa55;
}

a.link02 {
    font-size: 10px;
    line-height: 12px;
    text-decoration: none;
    color: #879F20;
}

a.link02:hover {
    font-size: 10px;
    line-height: 12px;
    text-decoration: underline;
    color: #879F20;
}

.text1 {
    font-size: 10px;
    line-height: 12px;
    color: #777777;
}

.text2 {
    font-size: 11px;
    line-height: 13px;
    color: #555555;
}

.title0 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #555 55;
}

.title1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #347D67;
}

.title2 {
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    color: #f0122c;
}

.title3 {
    font-size: 14px;
    line-height: 17px;
    color: #f0122c;
}

a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

a:hover, a:active {
    color: #666;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

/*
 a:hover {
 filter:alpha(opacity=20);
 -moz-opacity:0.20;
 -khtml-opacity: 0.2;
 opacity:0.20;
 background:#000;
 }
 */
h3 a {
    text-decoration: none;
}

.hover {
}

.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.clearfix {
    zoom: 100%;
}

/* ////////////////////////////////////////
 Module
 //////////////////////////////////////// */
/*text------------------------------*/
.upper {
    text-transform: uppercase;
}

.sanserif {
    font-family: Georgia, "MS PMincho", HeiseiMincho, "Hiragino Mincho Pro W3", serif;
}

.serif {
    font-style: italic;
}

.bn, .last {
    border: none !important;
}

.dates {
    font-size: 0.8em;
}

.bg-line-under {
    background: url(../images/line-bg.gif) left bottom repeat-x;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*img------------------------------*
 img.img-border {
 padding:4px;
 border-bottom:1px solid #CCC;
 border-right:1px solid #CCC;
 border-top:1px solid #E5E5E5;
 border-left:1px solid #E5E5E5;
 background-color:#EFEFEF;
 }
 
 a:hover img.img-border {
 border:1px solid #f00;
 }
 */
img.img-border-s {
    padding: 2px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    background-color: #EFEFEF;
}

a:hover img.img-border-s {
    border: 1px solid #f00;
}

/*index------------------------------*/
#index p.serif {
    font-style: italic;
    font-size: 0.8em;
    line-height: 1.4;
}

/*topicpath------------------------------*/
.topicpath {
    padding: 4px 12px 4px 12px;
    margin-bottom: 20px;
    line-height: 1em;
    background: #333;
    color: #fff;
    border-bottom: 3px solid #006400;
    font-size: 10px;
}

.topicpath a {
    color: #fff;
    text-decoration: none;
}

.topicpath a:hover {
    color: #f00;
}

/*.h-lines------------------------------*/
.h-lines {
    padding: 0px;
    height: 18px;
}

/*.dl-lists------------------------------
 dotsのトップとか
 */
.dl-lists {
    float: left;
    width: 181px;
    padding-bottom: 32px;
    overflow: hidden;
}

dl.last dt, dl.last dd {
    border-right: none !important;
}

.dl-lists dt {
    padding: 0px 10px 15px;
    border-right: 1px solid #cccccc;
}

.dl-lists dt h3 {
    font-size: 1.2em;
    padding-bottom: 0px;
    font-weight: normal;
}

.dl-lists dt h4 {
    padding-top: 5px;
    font-size: 1em;
    padding-bottom: 0px;
    font-weight: bold;
}

.dl-lists dd {
    padding: 0px 10px;
    border-right: 1px solid #cccccc;
}

.dl-lists dd h3 {
    font-size: 1.2em;
    padding-bottom: 10px;
    font-weight: normal;
}

.dl-lists h3 span {
    font-size: 0.8em;
}

.dl-lists dd h4 {
    padding-top: 5px;
    font-size: 1em;
    padding-bottom: 10px;
    font-weight: bold;
}

.dl-lists dd p {
    padding-bottom: 10px;
}

.dl-lists dd p.btn-more a {
    display: block;
    padding-top: 5px;
    height: 31px;
    overflow: hidden;
    background: url(../images/btn-more-lists.gif) right top no-repeat;
}

.dl-lists dd p.btn-more a:hover {
    display: block;
    padding-top: 5px;
    height: 31px;
    overflow: hidden;
    background: url(../images/btn-more-lists_on.gif) right top no-repeat;
}

/*.dl-links------------------------------
 3カラム目のCBCNET contents-bgやAPMT
 */
.dl-line {
    background: url(../images/line-bg.gif) left top repeat-x;
    padding-top: 2px;
}

.dl-links {
    display: block;
    padding-top: 0px;
}

.dl-links a {
    display: block;
    text-decoration: none;
    padding: 8px 0px 8px 30px;
    background: url(../images/dl-links-arrow.gif) 10px center no-repeat;
}

.dl-links span {
    display: block;
    padding: 0px 0px 0px 30px;
    background: url(../images/dl-links-down.gif) 10px center no-repeat;
}

.dl-links a:hover {
    text-decoration: underline;
    color: #f00;
}

/*.navi-sub
 カテゴリーリンク
 ------------------------------*/
.navi-sub {
    font-size: 13px;
    padding: 10px;
    background: #ffffff;
    line-height: 1;
    list-style: none;
    margin-bottom: 20px;
}

.navi-sub li {
    display: inline;
    padding: 0px 5px;
    border-right: 1px solid #999;
}

.navi-sub li a {
    font-size: 0.9em;
    color: #0584C6;
    text-decoration: none;
}

.navi-sub li a:hover {
    text-decoration: underline;
}

/*.newstitile
 カテゴリーリンク
 ------------------------------*/
.newstitile {
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
    background: #ffffff;
    list-style: none;
}

/*.profiletitle
 カテゴリーリンク
 ------------------------------*/
.profiletitle {
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    padding: 35px 5px 0px 5px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    background: #ffffff;
    list-style: none;
}

.newst {
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    float: left;
    width: 450px;
    padding: 5px;
    margin: 0px;
    border-top: 1px dotted #aaaaaa;
    border-bottom: 1px dotted #aaaaaa;
    background: #eeeeee;
}

/*.titles------------------------------
 2階層目のタイトルまわり
 */
.titles {
    background: #f3f3f3;
    margin-bottom: 5px;
}

.titles-main {
    float: left;
    width: 520px;
    background: #f3f3f3;
}

.titles-main h1 {
    font-size: 1.6em;
    padding: 20px 20px 0px;
    margin: 0px;
}

.titles-main h2 {
    font-size: 1.2em;
    color: #666666;
    font-style: italic;
    padding: 5px 20px 0px;
    margin: 0px;
}

.titles-main p {
    padding: 0px 20px 20px;
}

.titles-right {
    width: 200px;
    float: right;
    background: #f3f3f3;
}

.titles-right form {
    background: #f3f3f3;
    padding: 20px;
}

.main-lists {
    padding-top: 25px;
    padding-left: 25px;
}

/*#pagenate------------------------------
 ページネイト
 */
#pagenate {
    clear: both;
    position: relative;
    height: 43px;
    width: 772px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin-bottom: 15px;
}

#pagenate .pagenate-prev {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 43px;
    height: 43px;
}

#pagenate .pagenate-next {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 43px;
    height: 43px;
}

#pagenate p {
    padding-top: 10px;
    text-align: center;
    font-size: 1.4em;
}

#pagenate p .current_page {
    color: #ff0000;
}

/*.entry------------------------------*/
.entry {
    padding: 30px 30px 15px;
    width: 512px;
}

.entry img, .img-border {
    text-align: center;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    padding: 4px;
}

a:hover .entry img, a:hover .img-border {
    border: 1px solid #f00;
}

.entry img {
}

.entry .kanin-img img {
    float: right;
    margin-left: 10px;
    border: 1px solid #ccc;
}

/*.entry - styles------------------------------*/
.entry h1 {
    font-size: 1.6em;
    padding-bottom: 0.9em;
}

.entry h2 {
    font-size: 1.5em;
    padding-bottom: 0.4em;
}

.entry h3 {
    background-repeat: repeat;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    padding: 0px 0px 0px 20px;
    border-left: 3px solid #3399CC;
}

.entry h4 {
    background-image: url(../images/bg_shade02.gif);
    border: 1px solid #CCC;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    padding: 5px 5px 5px 5px;
}

.entry h5 {
    background-repeat: repeat;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    padding: 0px 0px 0px 20px;
    border-left: 3px solid #3399CC;
}

.entry h6 {
    background-repeat: repeat;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    padding: 0px 0px 0px 20px;
    border-left: 3px solid #CCCCCC;
}

.entry p {
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: 1.8;
}

.entry small {
    font-size: 0.9em;
}

.entry big {
    font-size: 1.1em;
}

.entry dl {
    padding-bottom: 1em;
}

.entry dt {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
}

.entry dd {
    padding: 5px 10px;
}

.entry ol, .entry ul, .entry li {
    margin-left: 1em;
}

.entry ol, .entry ul {
    margin-bottom: 1em;
}

.entry li {
    padding-bottom: 5px;
}

.entry th, .entry td {
    padding: 10px 5px;
}

.entry th {
    font-weight: bold;
}

.entry pre {
    margin: 1em 0px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    font-size: 9px;
    line-height: 1.3em;
    font-family: ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

.entry blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f1f1f1;
    border: 1px solid #E5E5E5;
}

.entry .imgR {
    float: right;
    margin-left: 10px;
}

.entry .imgL {
    float: left;
    margin-right: 10px;
}

.caption {
    float: right;
    font-size: 10px;
    margin-bottom: 0;
    padding-left: 10px;
}

.entry table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: separate;*

border-collapse:collapse; /*forIE*/
border-spacing:
    0;

width:
    100%;
    /*line-height:1.3;*/
}

.entry table th, .entry table td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
    font-size: 100% !important;
}

.entry table th {
    background-color: #f2f2f2;
    white-space: nowrap;
}

.entry table td {
    background-color: #fff;
}

/* ////////////////////////////////////////
 layout
 //////////////////////////////////////// */
.wrapper {
    width: 973px;
    margin: 0px auto;
    text-align: left;
}

#contents {
    padding-top: 0px;
}

#contents-top {
    padding-top: 0px;
}

#contents .wrapper {
    background: url(../images/bg-contents2.gif) left top repeat-y;
}

#contents-top .wrapper {
    background: url(../images/bg-contents2.gif) left top repeat-y;
}

#contents #individual {
    background: url(../bg-individual.gif) left top repeat-y;
}

#contents-top #individual {
    background: url(../bg-individual-top.gif) left top repeat-y;
}

#main {
    width: 772px;
    float: left;
    /*background:url(../images/main-bg2.gif) left top repeat-y;*/
}

#index #contents .wrapper {
    /*background:url(../images/bg-contents.png) left top repeat-y;*/
}

#main-left {
    width: 572px;
    float: left;
}

#main-right {
    width: 170px;
    float: right;
}

#mainmain {
    background: #ffffff;
    width: 772px;
    float: left;
}

/* ////////////////////////////////////////
 header
 //////////////////////////////////////// */
#header {
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
    height: 100px;
    width: 1052px;
    padding: 0px;
}

#headerimage {
    overflow: hidden;
    width: 970px;
	margin-left: 40px;
	margin-top: 1px;
}

#logo {
    width: 973px;
    padding-top: 20px;
	margin-left: 39px;
}

/* メニューボタンレイアウト
 --------------------------------------------------------------------- */
#menub {
    height: 30px;
    margin-left: auto;
	margin-right: auto;
    padding-top: 0px;
    width: 973px;
}

#menub ul {
    width: 973px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#menub li {
    list-style: none;
    float: left;
}

/* メニューボタン
 --------------------------------------------------------------------- */
a#menu_01 {
    display: block;
    width: 66px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu1.gif) no-repeat right;
}

a#menu_01:hover {
    background: url(../images/top-menu11.gif) no-repeat right;
}

a#menu_02 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu2.gif) no-repeat right;
}

a#menu_02:hover {
    background: url(../images/top-menu22.gif) no-repeat right;
}

a#menu_03 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu3.gif) no-repeat right;
}

a#menu_03:hover {
    background: url(../images/top-menu33.gif) no-repeat right;
}

a#menu_04 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu4.gif) no-repeat right;
}

a#menu_04:hover {
    background: url(../images/top-menu44.gif) no-repeat right;
}

a#menu_05 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu5.gif) no-repeat right;
}

a#menu_05:hover {
    background: url(../images/top-menu55.gif) no-repeat right;
}

a#menu_06 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu6.gif) no-repeat right;
}

a#menu_06:hover {
    background: url(../images/top-menu66.gif) no-repeat right;
}

a#menu_07 {
    display: block;
    width: 151px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/top-menu7.gif) no-repeat right;
}

a#menu_07:hover {
    background: url(../images/top-menu77.gif) no-repeat right;
}

/*#header-menu------------------------------*/
#header-menu {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#header-menu a {
    width: 111px;
    background: url../images/header-menu-bg02.gif) left top no-repeat;
}

#header-menu a.first {
background:url(../images/header-menu-bg01.gif) left top no-repeat;
}

#header-menu a.last {
background:url(../images/header-menu-bg03.gif) left top no-repeat;
}

#header-menu a .hover{
width:111px;
background-position:0% -142px;
}



/*#header-about------------------------------*/
#header-about {
position:absolute;
right:0px;
bottom:0px;
}

#header-about a {
width:100px;
}

#header-about a.first {
background:url(../images/header-about-bg01.gif) left top no-repeat;
}

#header-about a.last {
background:url(../images/header-about-bg03.gif) left top no-repeat;
}
#tabsG-about {
position:absolute;
right:0px;
bottom:0px;
float:right;
font-size:93%;
}
#tabsG-about ul {
margin:0;
padding:0px 0px 0 0px;
list-style:none;
}
#tabsG-about li {
display:inline;
margin:0;
padding:0;
}
#tabsG-about a {
float:right;
background:url("../images/tableft3.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsG-about a span {
float:right;
display:block;
background:url("../images/tabright3.gif") no-repeat right top;
padding:12px 18px 12px 16px;
color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsG-about a span {float:none;}
/* End IE5-Mac hack */
#tabsG-about a:hover span {
color:#FFF;
}
#tabsG-about a:hover {
background-position:0% -42px;
}
#tabsG-about a:hover span {
background-position:100% -42px;
}

#tabsG-about #current a {
background-position:0% -42px;
color:#FFF;

}
#tabsG-about #current a span {
background-position:100% -42px;
color:#FFF;
}

/* ////////////////////////////////////////
index
//////////////////////////////////////// */
.load {
	padding:50px;
	text-align:center;
	height:600px;
}

/*pickup------------------------------*/
#index-pickup {
}

#index-pickup h2 {
color:#fff;
background:#64a8c5;
}

#index-pickup .main-lists {
padding:25px 0px 0px 15px;

}

#index-pickup .main-lists p {
padding-top:1em;
}

/*article------------------------------*/
#index-article {
clear:both;
}

#index-article h2 {
background:#bac9d2;
}

#index-article dl {
border-bottom:1px solid #cccccc;
padding:10px 20px 10px;
clear:both;
}

#index-article dl dt {
float:left;
width:136px;
}

#index-article dl dd {
float:left;
width:386px;
}

#index-article dl dd h3 {
float:left;
width:270px;
font-weight:normal;
}

#index-article dl dd p {
float:right;
width:100px;
}

#index-article dl dd p a {
color:#4a9095;
text-decoration:none;
}

/* ////////////////////////////////////////
index - kanin
//////////////////////////////////////// */
#index-kanin {
padding-top:20px;
clear:both;
}

#index-kanin h2 {
background:#46565f;
color:#fff;
font-weight:normal;
}

#index-kanin-wrapper {
border-top:1px solid #ccc;
background:url(../images/kanin-bg.gif) left top repeat-y;
}

/*#kanin-current------------------------------*/
#index-kanin-current {
width:280px;
float:left;
}

#index-kanin-current div {
clear:both;
margin:0px 10px;
padding:15px 10px 20px;
border-bottom:1px solid #d1d1d1;
}

#index-kanin-current div.first {
border:none;
}

#index-kanin-current div h3 {
padding-bottom:10px;
}

#index-kanin-current div h3 a {
font-size:1.1em;
font-weight:normal;
text-decoration:underline;
}

#index-kanin-current div dt {
float:left;
width:70px;
}

#index-kanin-current div dd {
float:right;
width:170px;
}

#index-kanin-current div p {
clear:both;
text-align:right;
}

#index-kanin-current ul {
margin:0px 10px;
list-style:none;
}

#index-kanin-current ul li {
border-bottom:1px solid #d1d1d1;
}

#index-kanin-current ul li a {
display:block;
padding:15px 0px 15px 30px;
background:url(../images/dl-links-arrow.gif) 10px center no-repeat;	
}


/*#kanin-upcoming------------------------------*/
#index-kanin-upcoming {
width:281px;
float:right;
}

#index-kanin-upcoming h3 {
clear:both;
border-bottom:1px solid #ccc;
padding:10px 43px 10px 10px;
background:url(../images/kanin-arrow-down.gif) right center no-repeat;
line-height:1em;
}

#index-kanin-upcoming div {
clear:both;
padding:10px 10px 0px;
}

#index-kanin-upcoming dl {
padding-bottom:10px;
border-bottom:1px solid #d1d1d1;

}

#index-kanin-upcoming dl.first {
border:none;
}

#index-kanin-upcoming dl dt {
float:left;
width:68px;
}

#index-kanin-upcoming dl dd {
float:left;
width:190px;
}

#index-kanin-upcoming dl dd h4 {
padding-bottom:5px;
}

#index-kanin-upcoming dl dd h4 a {
font-size:1.1em;
font-weight:normal;
}

#index-kanin-upcoming dl dd p {
font-size:0.9em;
}

#index-kanin-upcoming .kanin-recommend {
border-top:1px solid #ccc;
}

/* ////////////////////////////////////////
index - editors
//////////////////////////////////////// */
#index-editors {
padding-bottom:30px;
}

#index-editors h2 {
background:#e6e6e6 url(../images/editors-bg.gif) left top no-repeat;

}

#index-editors div {
margin:15px 10px 10px;
border-bottom:1px solid #d1d1d1;
width:180px;
overflow:hidden;

}

#index-editors div h3 {
font-size:1.2em;
padding-bottom:10px;
}

#index-editors div h3 a {
color:#666;
}

#index-editors div h3 a:hover {
color:#999;
}

#index-editors div p {
padding-bottom:10px;
font-size:0.9em;
}

#index-editors div span {
margin-bottom:5px;
margin-left:10px;
display:block;
}

#index-editors .editors-continue {
text-align:center;
line-height:1;
padding:0px;
margin:0px 10px;
}

#eindex-ditors .editors-continue p {
}

#index-editors .editors-continue a {
font-size:1.2em;
color:#666;
text-decoration:none;

}


/* ////////////////////////////////////////
kanin
//////////////////////////////////////// */
#kanin {
}

#kanin #contents .wrapper {
background:url(../images/bg-individual.gif) left top repeat-y;
}

#kanin #category #main-left {
padding-top:30px;
}

#kanin .topicpath {
background:#D2B48C;
border-bottom:1px solid #D2B48C;
}

.kanin-list {
margin:30px 30px 0px;
}

.kanin-list div {
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #ccc;
}

.kanin-list div span {
line-height:3;
}

.kanin-list div h3 {
font-size:1.4em;
font-weight:normal;
padding-bottom:15px;
}

.kanin-list div dl {
clear:both;
}

.kanin-list div dt {
float:left;
width:180px;
}

.kanin-list div dt .img-border {
margin:0px;
}

.kanin-list div dd {
float:right;
width:320px;
}

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


.kanin-list div p {
padding-top:1em;
clear:both;
text-align:right;
}

/*.kanin-sublist------------------------------*/
.kanin-sublist {
margin:0px 30px 30px;
}

.kanin-sublist div {
}

.kanin-sublist div div {
width:240px;
border-bottom:none;
}

.kanin-sublist div div.left {
width:257px;
border-right:1px solid #ccc;
}

.kanin-sublist div div.left dl,
.kanin-sublist div div.left div,
.kanin-sublist div div.left ul {
	margin-right:17px;
}


.kanin-sublist div dl {
	padding:15px 0px;
}

.kanin-sublist div h3 {
padding-bottom:10px;
}

.kanin-sublist div h3 a {
font-size:1.1em;
font-weight:normal;
text-decoration:underline;
}

.kanin-sublist div dt {
float:left;
width:70px;
}

.kanin-sublist div dd {
float:right;
width:160px;
}

.kanin-sublist div div div {
padding-bottom:10px;
}


.kanin-sublist div ul  {
list-style:none;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.kanin-sublist div ul li {
}

#kanin #individual-related .recommend {
padding:0px;
font-size: 10px;
}


.thumb {
width:58px;
height:58px;
}





/* ////////////////////////////////////////
article
//////////////////////////////////////// */
#article {
}

#article .topicpath {
background:#40596b;
border-bottom:3px solid #99c6e8;
}


/* ////////////////////////////////////////
Dot's & Lines
//////////////////////////////////////// */
#dots {
}

#dots .topicpath {
background:#333333;
border-bottom:3px solid #b6052f;
}

/*.category------------------------------
dotsのカテゴリー
*/
.category-main {
padding:25px 30px 30px 25px;
}

.category-lists {
float:left;
width:200px;
border-right:1px solid #cccccc;
}

.category-lists .dl-lists dt,
.category-lists .dl-lists dd {
border-right:none;
}

.category-entries {
float:right;
width:482px;
}

ul.category-entry {
list-style:none;
padding-bottom:35px;
}

ul.category-entry li {
border-bottom:1px solid #ccc;
}

ul.category-entry li a {
display:block;
padding:30px 10px 30px 45px;
background:url(../images/btn-more-lists.gif) 5px center no-repeat;
text-decoration:none;
font-size:1.4em;

}

ul.category-entry li a:hover {
color:#ff0000;
background:#f3f3f3 url(../images/btn-more-lists_on.gif) 5px center no-repeat;
}

.category-info {
}

.category-info h3 {
font-size:1.2em;
margin-bottom:10px;
}

.category-info p {
line-height:1.6;
}

/* ////////////////////////////////////////
blog
//////////////////////////////////////// */
.blog_img {
height:100px;
overflow:hidden;
margin-top:10px;
}


#blog .titles-main {
float:left;
width:320px;
background:#f3f3f3;
}


#blog .titles-right {
width:400px;
float:right;
background:#f3f3f3;
}

#blog .titles-right div {
float:left;
width:200px;
}



/* ////////////////////////////////////////
individual
//////////////////////////////////////// */
#individual {
/*background:#fff url(../images/contents-bg2.gif) left top repeat-y;*/
}

/*individual-column------------------------------*/
#individual-column {
background:#f3f3f3;
border-bottom:1px solid #ccc;
padding:15px 30px 15px;
}

#individual-column h3 {
color:#fff;
background:#e6e6e6 url(../images/editors-bg.gif) left top no-repeat;	
}

#individual-column dl {
font-size:0.9em;
}

#individual-column dt {
padding-bottom:5px;
}

#individual-column dd {
}

#individual-column p {
padding:10px;
font-size:0.9em;
}

#individual-column h1 {
font-size:1.6em;
margin-bottom:5px;

}
#individual-column img {
margin-right:20px;
}

#individual-column .detail_text {

}
#individual-column .detail_text2 {
float:left;
width:180px;
margin-right:20px;
}

#individual-column .date {
font-size:0.8em;
font-style:italic;
margin-bottom:15px;
color:#666;
}

#individual #main-left {
	overflow:hidden;
}


/*indidual-info -------------------------------*/
#individual-info {
	clear:both;
}

#individual-info h2 {
background:#46565f;
color:#fff;
}

/*indidual-related------------------------------*/
#individual-related {
padding-bottom:5px;
margin-top:-1px;
}

#individual-related h2 {
border-top:1px solid #ccc;
padding-top: 12px;
padding-left: 10px;
margin-top: 27px;
}

#individual-related h2.first {
}

#individual-related ul {
padding:0px 0px 0px;
clear:both;
list-style:none;
}

#individual-related li {
padding:10px;
border-bottom:1px solid #ccc;
}

#individual-related .profile {
font-size:0.8em;
line-height:1.6em;
padding:10px 10px 30px;
clear:both;
}

#individual-related dl {
font-size:10px;
line-height:14px;
padding:8px;


}

#individual-related dt {
float:left;
margin-right:5px;
}


/* ////////////////////////////////////////
side
//////////////////////////////////////// */
#side {
width:200px;
float:right;
}

#side h2 {
background:#e6e6e6;
}

#side .side-in {
padding:10px;
}

/*work------------------------------*/
#side #work {
}

#side #work ul {
padding:10px 0px;
list-style:none;
}

#side #work ul li {
border-bottom:1px dotted #c8c7c3;
font-size:0.9em;
}

#side #work ul li a {
display:block;
padding:4px;
color:#000;
text-decoration:none;
}

#side #work ul li a:hover {
	color:#f00;
}

#side #work ul li a span {
font-size:9px;
line-height:1em;
font-family:ProFont, Monaco, Verdana, Lucida, Arial, Helvetica, Sans-serif;
color:#f00;
}

/*promotion------------------------------*/
#side .promotion {
	padding-top: 10px;
	padding-left: 20px;
}

#side .promotion p {
	padding-bottom:10px;
}



/* ////////////////////////////////////////
pagetop
//////////////////////////////////////// */
#pagetop {
clear:both;
background:#333333;
}

#pagetop .wrapper {
background:#333333;
height:18px;
}

/* ////////////////////////////////////////
footer
//////////////////////////////////////// */
#footer {
clear:both;
padding-top:15px;
background:url(../images/footer-bg.gif) left top repeat;
}

#footer .wrapper {
position:relative;
margin-bottom:0px;
height:120px;
}

#footer ul {
list-style:none;
}

#footer ul li {
padding:4px;
font-size:0.9em;
}

#footer ul li a {
text-decoration:none;
}

#footer .footer-left {
position:absolute;
margin:0px;
padding:0px;
left:0px;
bottom:10px;
width:350px;
}

#footer .footer-right {
margin:0px;
padding:0px;
text-align:right;
position:absolute;
left:696px;
bottom:105px;
width:280px;
}

/* newsList
---------------------------------------------------------------------- */

.newsList { 
	padding: 0px;
	text-align: left; 
	list-style: none;
	font-size: 10px;
	margin-top: 0px;
}

.newsList li {
	color:#555555;
	border-bottom: 1px dotted #B5D4B5;
	padding-top: 3px;
	padding-left: 3px;
}

/* BACK
---------------------------------------------------------------------- */
.back1{
background-image:url("../images/back.gif");
background-repeat: no-repeat;
background-position: left top;
padding:10px;
color:#333333;
width:520px;
margin-top: 0px;
margin-bottom: 30px;
border-bottom: 1px #f5f5f5 solid;
}


/* added by Yamori kota
---------------------------------------------------------------------- */
#mainleft{
	width: 570px;
	float: left;
}

#tabs{
	width: 570px;
}

#tabs ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

#tabs li{
	float: left;
	margin-right: 10px;
	font-size: 15px;
	list-style-type: none;
	padding-left: 0px;
}

#rinen{
	margin-bottom: 20px;
}

#about{
	margin-top: 30px;
}

.article{
	margin-bottom: 20px;
	width: 560px;
	overflow: hidden;
}

.article p{
	margin-top: 20px;
}

.botton{
	margin-bottom: 10px;
}

.recommend h2{
	margin-left: 0px;
	padding-left: 0px;
}

.recommend h4{
	margin-left: 8px;
}

.recommend p{
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 180px;
}

.recommend .bottomspace{
	margin-bottom: 20px;
}

.arrow{
	float: left;
}

.banner{
	margin-bottom: 15px;
}

.banner2{
	margin-bottom: 5px;
}

.banner3{
	margin-top: 10px;
}

.leftcontent{
	float: left;
	width: 90px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 10px;
}

.rightcontent{
	width: 460px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 100px;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

.demoimg{
	margin-left: 30px;
	margin-bottom: 30px;
}

.liveskedule{
	margin-left: 10px;
}

.topspace{
	margin-top: 20px;
}

#wholewrapper{
	width: 1052px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}