@charset "utf-8";
/* ===================================================================
CSS information
2011.01.21
=================================================================== */
/* reset */
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img {vertical-align:bottom;}
img,abbr,acronym,fieldset {border: 0;}
ul,ol {list-style-type: none;}
a {text-decoration:none;}
a {color:#243CA4}
a:hover {text-decoration:underline;}

/* default */
body {font-size:1em;line-height: 1.6;}
/* cf */
.areaBox ,
#section .ptop ,
.cf{ zoom: 1; }

.areaBox:after ,
#section .ptop:after ,
.cf:after {
    content: "";
    display: block;
    clear: both;
}

/* common box */
#head,#headline,#vmenu,#controls,#contents,#footerbar {width:950px;margin:0 auto}

/* common header */
#header {padding-top:24px;height:46px;color:#fff;font-size:12px;}
#header li {float:left;display:inline;line-height:39px;}
#header #hmenu {width:260px;float:left;display:inline;margin-left:30px;}
#header #hmenu li {background:url(../img/h_arrow.png) no-repeat left center;margin-right:14px;padding-left:0.6em;}
#header #hmenu li a {color:#fff;}

/* common head */
h1 {float:left;display:inline;padding-top:15px;}
#head {width:960px;height:87px;position:relative;margin-top:28px;font-size:14px;}
#head #cmenu {float:right;display:inline;}
#head #cmenu p {clear:both;position:absolute;right:0;bottom:15px;}
#head #cmenu ul {width:500px;float:left;display:inline; padding-top:4px;}
#head #cmenu li {float:right;display:inline;margin-right:20px;padding-left:0.9em;line-height:25px;}
#head #cmenu li a {color:#333;}
#head #cmenu table.gsc-branding,
#head #cmenu table.gsc-branding-text {display:none !important;}

/* Google search */
#___gcse_0{width:235px; float:left;}
.gsc-control-cse {padding:0!important; border:none !important; background-color:inherit!important;}
.gsib_a{padding:5px 9px 5px 9px!important;}
.gsc-tabsArea{display:none!important;}
.gsc-search-button-v2{height:29px!important;}
.gsc-input{font-size:14px!important;}

#visual {width:960px;height:340px;position:relative;margin:0 auto;background:url(../img/visual.png) no-repeat;}
#vmenu li {width:950px;height:340px;margin-top:5px;overflow:hidden;}
#controls {position:absolute;top:270px;left:5px;height:66px;background:url(../img/vmenu_bg.png) no-repeat;padding:5px 0 5px 5px;}
#controls li {float:left;display:inline;margin-left:3px;}
#controls a {width:232px;height:56px;display:block;text-indent:-2011px;outline:none;}
#controls1 a ,
#controls2 a ,
#controls3 a ,
#controls4 a {background:url(/img/vmenu_sp.png) no-repeat;}
#controls1 a:hover ,
#controls2 a:hover ,
#controls3 a:hover ,
#controls4 a:hover {background-position:left -56px !important;}

#vmenu {margin-bottom:15px;width:950px;height:340px;overflow:hidden;}

/* top visual edit */
#controls {z-index:1;background:none;}
#Onlayer {
padding:5px 0 5px 5px;
height:66px;
position:absolute;
width:950px;
top:270px;
left:5px;
z-index:0;
background:transparent url(../img/vmenu_bg.png) 0 0  no-repeat;
}
#Onlayer li {display:inline;float:left;margin-left:3px;height:56px;width:232px;overflow:hidden;}

/* slider */
#pageflip {z-index:0;position:relative;right:5px;top:5px;float:right;}
#pageflip img {width:100px;height:102px;z-index:1;position:absolute;right:0;top:0;-ms-interpolation-mode:bicubic;}
#pageflip .msg_block {width:100px;height:98px;overflow:hidden;position: absolute;right:0;top:0;}
#controls1 a:hover,#controls2 a:hover,#controls3 a:hover,#controls4 a:hover {background-position:0 -56px;}

/* common navi */
#navi {width:950px;height:59px;margin:0 auto;padding:3px 5px;}
#navi li {float:left;display:inline;fotn-size:0;line-height:1;}

/* common contents */
#contents {margin:10px auto 60px;}
#contents .article {position:relative;}
#contents .more {position:absolute;right:0;}
#contents .more a {width:60px;height:37px;display:block;text-indent:-2011px;outline:none;}
#contents .datecolumn {margin:10px;padding-bottom:0.625em;}
#contents .datecolumn dt ,
#toppage #contents .right-column .article .newcolumn dt {
clear:both;float:left;display:inline;padding-left:0.625em;/*ie*/margin-right:-13em;width:90px;}
#contents .datecolumn dd ,
#toppage #contents .right-column .article .newcolumn dd {
float:left;
display:inline;
padding-left:0.625em;
/*ie*/_height:1px;
margin:0 0 0.625em 100px;
/*ie*/_margin-left:90px;
}
#toppage ul.datecolumn li {margin-bottom:0.625em;}

#contents .right-column .howto {margin-bottom:5px;padding:4px 0 4px 4px;}
#contents .right-column .howto li {float:left;display:inline;margin-right:4px;}
#contents #sidemobile dd {padding:7px;}
#contents .column {padding-bottom:10px;}
#contents .column dd {margin:5px 15px 0;padding-left:0.625em;}
#contents ul.column,#contents #section #entryarea ul.column {margin-left:15px;margin:10px;}
#contents ul.column li {padding:0 0 0 0.625em;}
#contents ul.banner li {margin-bottom:8px;}

/* punks */
.punks {margin-bottom:15px;}
.punks li {display:inline;font-size:13px;line-height:1;}
.punks li a {padding-right:15px;background:url(../img/punks_bg.gif) no-repeat right center;}

/* common section */
#title {width:950px;color:#fff;font-size:16px;line-height:1.2}
#title h2 {float:left;width:677px;padding:10px 10px 11px;border-right:1px dashed #fff;line-height:1.4;}
#title span {float:left;display:block;font-weight:bold;width:230px;padding:13px 10px 11px;}
#title span a {background:url(../img/h_arrow.png) no-repeat left 6px;padding-left:0.7em;display:block;color:#fff;}
#section {width:630px;float:left;display:ilnine;margin:30px 0 30px 10px;}

/* 見出し */
#section #entryarea h3 {display:block;font-size:15px;font-weight:bold;height:29px;min-height:29px;padding: 8px 0 0 15px;}
#section #entryarea h4 {border-left-style:solid; border-width:3px;margin-bottom:10px;padding-left:15px;}
#section #entryarea h5 {}

/* リスト */
#section #entryarea ul ,#section #entryarea ol {margin-bottom:20px;}
#section #entryarea ol {list-style-type:decimal;margin-left:1.5em;}
#section #entryarea .entrycolumn .plan-txt ul {margin-bottom:0px;}
#section .entrycolumn {padding-top:10px;padding-bottom:1px;}

#section #entryarea .datecolumn dd {width:500px;_width:515px;}
#section #entryarea h3,#section #entryarea p,#section #entryarea dl,#section #entryarea h3,#section #entryarea table {margin-bottom:30px;}
#section #entryarea h3,#section #entryarea table caption{font-size:16px;font-weight:bold;}
#section #entryarea .entrycolumn h4 {color:#333;}
#section #entryarea table,#section #entryarea th,#section #entryarea td {border:1px solid #C7C8C8;}
#section #entryarea table caption {padding:10px;text-align:center;}
#section #entryarea th,#section #entryarea td {padding:5px;}
#section #entryarea th {text-align:center;font-weight:bold;}
#section #entryarea .day {position:relative;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;}
#section #entryarea .day #print {position:absolute;top:0;right:0;padding-right:28px;}
#section .column {margin:10px;padding:10px;background-color:#fff;}
#section .column li {width:270px;_width:240px;float:left;display:inline;}
#section #entryarea .entrycolumn h4 {margin:0/*15px*/ 10px 15px;line-height:1.2;}
#section .entrycolumn .datecolumn {margin-left:0;}
#section .entrycolumn .datecolumn {margin:10px;padding:10px;background-color:#fff;}
#section .entrycolumn h4 {margin:0/*15px*/ 10px 15px;line-height:1.2;}
#section .entrycolumn .datecolumn dd {width:480px;margin-left:100px;_margin-left:90px;}
#section .ptop {margin-top:10px;}
#section .ptop a {float:right;display:inline;padding-left:1.563em;color:#000;font-size:11px;}
#section .banner {margin-top:15px;}
#section .banner li {float:left;display:inline;margin-right:29px;}
#section .pnavi {margin-bottom:20px;padding-top:10px;text-align:center;border-top:1px solid #ddd;}
#section .pnavi li { display:inline;padding:1px 10px;}
#section .prev a ,#section .next a { color:#fff; padding:0 0.9em}
#section .prev a { background: url(../img/h_arrow2.png) no-repeat left center;}
#section .next a { background: url(../img/h_arrow.png) no-repeat right center;}
#section .left {float:left;}
#section .left img {margin-right:10px;}
#section .right {float:right;}
#section .right img {margin-left:10px;}

/* pdf要素 ----------------------------------------------------------- */
#section #entryarea span.pdfAfter {padding: 0.1em 16px 0.1em 0;background: url(../img/icon_pdf.gif) no-repeat right center;}
#section #entryarea a.pdf { padding: 0.1em 18px 0.1em 0; background: url(../img/icon_pdf.gif) no-repeat right center; }
/* doc要素----------------------------------------------------------- */
#section #entryarea span.docAfter {padding: 0.1em 16px 0.1em 0;background: url(../img/icon_docs.gif) no-repeat right center;}
#section #entryarea a.doc { padding: 0.1em 18px 0.1em 0; background: url(../img/icon_docs.gif) no-repeat right center; }
/* xls要素----------------------------------------------------------- */
#section #entryarea span.xlsAfter {padding: 0.1em 16px 0.1em 0;background: url(../img/icon_xls.gif) no-repeat right center;}
#section #entryarea a.xls { padding: 0.1em 18px 0.1em 0; background: url(../img/icon_xls.gif) no-repeat right center; }
/* link要素 ----------------------------------------------------------- */
#section #entryarea span.blankAfter {padding: 0.1em 16px 0.1em 0;background: url(../img/icon_blank.gif) no-repeat right center;}
#section #entryarea a.blank { padding: 0.1em 18px 0.1em 0; background: url(../img/icon_blank.gif) no-repeat right center; }

/* aside */
#aside {width:253px;float:right;}
#aside ul {margin-bottom:20px;}
#aside li {background-position:1.2em 1.2em;background-repeat: no-repeat;}
#aside li a {text-decoration:none;display:block;color:#000;padding:10px 10px 10px 2em;}
#aside li a:hover {background:1.2em 1.2em;background-repeat:no-repeat;}
#aside li a:hover {color:#666;}
#aside li.aside-menu-sub {background:url(../img/arrow_2.gif) no-repeat 2em 1.2em;}
#aside li.aside-menu-sub a {padding:10px 10px 10px 3em;}
#aside li.aside-menu-sub a:hover {background-image:url(../img/arrow_2.gif);background-position:2em 1.2em !important;}
#aside p {margin-bottom:16px;}
#aside p img {margin-bottom:5px;}

/* common class */
.txtLeft {text-align:left;}
.txtCenter {text-align:center;}
.txtRight {text-align:right;}
.txtRed {color:#CC3366;}
.txtBlue {color:#069}
.ls {margin-right:0 !important;}
.half-box {width:300px;display:inline;}
.areaBox {margin:0 10px 25px;}
.areaBox ul { margin:5px 10px 5px 1em;list-style-type: disc !important;}
.areaBox ul li {display:inline;padding-right:15px;}
.topLineGray {padding-top:25px;border-top:1px solid #e3e3e3;}
.rankc ul {margin:5px 10px 30px 1em;list-style-type: disc !important;}
.rightNone {margin-right:0 !important;}

table#borderNone,table#borderNone th ,table#borderNone td {border:none !important;}


/* common arrow */
#section #entryarea .pageMenu {margin:5px 0 30px;padding:10px;}
#section #entryarea .pageMenu p,#section #entryarea .pageMenu ul {margin-bottom:0 !important;}
#section #entryarea .pageLink li {width:240px;float:left;display: inline;}
#section #entryarea .pageLink li.f-arrow01 {background-position:left 0.4em !important;}
#section #entryarea .pageLink li.f-arrow02 {}
#section #entryarea .pageMenu .f-sideLink li {display:inline;padding-right:8px;}
#section #entryarea .f-arrow01 {
padding-left:1.2em;
background-repeat:no-repeat;
background-position:left top !important;
}
#section #entryarea .f-arrow02 {
padding-left:0.8em;
background-repeat:no-repeat;
background-position:left 0.4em !important;
}
#section #entryarea .f-arrow03 {
padding-left:1.2em;
background-repeat:no-repeat;
background-position:left 0.4em !important;
}

/* common box */
#section #entryarea .inner {margin:0 10px 10px;padding:15px;background:#fff;}
#section #entryarea .txtBox {clear:both;margin:10px;padding:18px;background-color:#fff;}
#section #entryarea .txtBox p ,#section #entryarea .txtBox ul {margin-bottom:0;}
#section #entryarea .contactBox h3 {background:none;margin:0;padding:0;color:#333;}

/* common button */
.buttonL {
width: 243px;
padding: 16px 0 14px 33px;
display: block;
font-size: 15px;
font-weight: bold;
color: #333333;
}
.buttonL2 { /*2行になる場合*/
width:238px;
display:block;
padding:15px 5px 13px 33px;
color:#333;
font-weight:bold;
font-size:15px;
line-height:1;
}
.btnCnt {width:276px;display:block;margin-left:auto;margin-right:auto;}


/* common foot */
#foot {clear:both;background:url(../img/foot-top_bg.gif) no-repeat;padding-top:1px;}
#foot div {margin-top:25px;padding-bottom:15px;background:url(../img/foot-btm_bg.gif) no-repeat center bottom;}
#foot dl {font-size:11px;width:175px;float:left;display:inline;margin:0 0 0 15px;}
#foot dt {font-weight:bold;}
#foot .punks {margin:10px 0 10px 10px;}
#foot .fsp {margin-top:12px;}

.smp {overflow:hidden;}
.smp ul {font-size:11px;width:175px;margin:0 0 1em 15px;}
#foot .smp ul {float:left;margin-bottom:0px;}

/* common footer */
#footer {clear:both;width:100%;padding:18px 0 8px;}
#footer a {color:#333;}
#footer #copy {margin-top:5px;font-size:10px;}
#footer #flogo {float:left;display:inline;margin:0 40px 0 4px;}
#footer #fnavi li {float:left;display:inline;margin-right:14px;padding-left:0.6em;}

/* font swicher */
@media screen {
.fontL {font-size:1em;}
.fontM {font-size:0.875em;}
.fontS {font-size:
0.75em}
#fzoom {float:right;font-size:12px !important;}
#fzoom li {margin-left:4px;}
#fzoom li a{width:39px;height:39px;display:block;text-align:center;text-decoration:none;line-height:39px;color:#000;}
/* 大中小の字（変更必要なし） */
li#small{font-size: 80%;}
li#medium{font-size: 100%;}
li#large{font-size: 120%;}
}
.clearfix {clear:both;}

.cfBold {font-weight:bold;}
.cfColor01 {color:#ff6347!important;}