@charset "utf-8";
/*-------------------------------------------------
# リセット等
-------------------------------------------------*/
html { overflow-y:scroll;}
body, div, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, pre, code, blockquote { font-family:"メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0; padding:0;}
pre { word-wrap:break-word; white-space:pre-wrap;}
em{ font-style:normal;}
div { word-wrap:break-word;}
br { letter-spacing:0;}
a img, img { border:0;}
ul { margin:0; padding:0;}
li { list-style-type:none; margin:0; padding:0;}
li img { margin: 0; padding: 0;}
table { border-collapse:collapse; border-spacing:0;}
caption, th { text-align:left;}
th, td { vertical-align:top;}
fieldset, img { border:0;}
address, th, var { font-style:normal; font-weight:normal;}
hr { border:0; height:1px; margin:0; padding:0;}
img { vertical-align:middle;}

/* selection: safari, mozilla */
::selection { background:#CBE1F2; }
::-moz-selection { background:#CBE1F2; }
/* selection { background:#7ba5d2; opacity:0.25; color: #ffffff; } */



/*-------------------------------------------------
from element等
-------------------------------------------------*/
label { cursor:pointer;}
legend { display:none;}
input, select, textarea { font-family:"メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}
select {}
option {}
input, button, textarea, button {
	color:#333;
	font-size:12px;
	padding:3px 5px;
	vertical-align:middle;
	margin:1px 0;
}
/*input:focus,*/input[type="text"]:focus, textarea:focus, select:focus { background-color:#EFFAFF; border-color:#00B1EF; box-shadow:0px 0px 5px #5FD5FF;}
/*.error input,*/.error input[type="text"], .error textarea, .error select { background-color:#FFEAEA; border-color:#EA6A6A;}
textarea, select, input[type="text"], input[type="password"] { border:1px solid #ccc; padding:3px; border-radius:3px; background:url(../img/form_shadow.png) repeat-x top left #fff;}
input[type="submit"], button[type="submit"]  { cursor:pointer;}
input[type="checkbox"], input[type="radio"] { background:none;	border:none;}
/* for IE8 */.msie8 input[type="checkbox"], .msie8 input[type="radio"] { margin:0px; padding:0px; vertical-align:-0.2em;}
/* for Chrome1 */.chrome1 input[type="checkbox"], .chrome1 input[type="radio"] { margin:0px; padding:0px; vertical-align:-0.2em;}



/*-------------------------------------------------
クリア等
-------------------------------------------------*/
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix { min-height:1px;}
.clear { background:none; clear:both;}
* html .clearfix { height:1px; /*\*/ /*/ height: auto; overflow: hidden; /**/}



/*-------------------------------------------------
# iPhoneSafariでフォントサイズ自動調整を防ぐ
-------------------------------------------------*/
@media screen and (max-device-width: 568px) {body {-webkit-text-size-adjust:none; /* iPhone */}}



/*-------------------------------------------------
# 基本スタイル等
-------------------------------------------------*/
body {
	font-size:12px;
	line-height:1.6;
	word-break:normal;
}



/*-------------------------------------------------
Link
-------------------------------------------------*/
a { text-decoration:none;}
a:hover { text-decoration:underline;}



/*:=============================================================
その他
-------------------------------------------------------------:*/
p { margin:0 0 1em;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}

.fl { float:left;}
.fr { float:right;}
.flm { float:left; margin:0 1em 0.66em 0; clear:left;}
.frm { float:right; margin:0 0 0.66em 1em; clear:right;}


.hidden { display:none; visibility:hidden;}
.oh { overflow:hidden;}

.hissu, .red { color:#F03;}

.shadow { box-shadow:0px 1px 5px #ccc;}

img, .bl { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}

a img:hover, .bl:hover { opacity:0.7;}
.bl:hover img, .bl:hover .button { opacity:1;}

img.center { display:block; margin-left:auto; margin-right:auto;}

span.new { color:#FFF; font-size:11px; font-weight:bold; background:#F03; display:inline-block; line-height:1; padding:0.2em 0.4em; vertical-align:middle;}



/*:=============================================================
以下、ヘッダーフッター等ページ共通部分
-------------------------------------------------------------:*/

/*:ヘッダ---------------*/
.globalHeader .desc { height:24px;}
.globalHeader .desc p { line-height:24px; font-size:11px; width:1000px; margin:0 auto 0;}
.globalHeader .inner { width:1000px; height:100px; margin:0 auto 0; position:relative;}
.globalHeader h1 { position:absolute; top:28px; left:0px; font-size:22px; font-weight:bold;}
.globalHeader .tel {position:absolute; top:10px; right:0px; font-size:21px; font-family:Arial, Helvetica, sans-serif;}
.globalHeader .tel .icon { width:24px; height:24px; display:inline-block; margin-right:7px; vertical-align:text-top;}
.globalHeader .hnav { position:absolute; bottom:12px; right:0px;}
.globalHeader .hnav li { float:left;}
.globalHeader .hnav li a { padding:0 0 0 18px; margin-left:16px; font-size:12px; display:block;}
.globalHeader .hnav li a.current, .globalHeader .hnav li a.parentsLink {}

.globalHeader .inner .member{ position:absolute; top:14px; right:0px;}
.globalHeader .inner .member input{ font-size:10px; width:120px;}


/*:グローバルナビゲーション---------------*/
.gnav { position:relative; margin:0 0 20px; padding:1px 0;}
.gnav ul { width:998px; padding-left:1px; height:47px; margin:0 auto;}
.gnav li { float:left; width:198px; margin-left:-1px;}
.gnav li a { display:block; height:47px; line-height:47px; text-align:center; font-size:15px; font-weight:bold;
-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.gnav li a:hover { text-decoration:none; opacity:0.8;}


/*:サイドバーナビゲーション---------------*/
.sideBar .gnav { position:relative; height:auto;  margin:0 0 1.25em; padding:0 0 1.25em;}
.sideBar .gnav ul { width:auto; padding:0; height:auto; margin:0;}
.sideBar .gnav li { float:none; width:auto; margin-left:0;}
.sideBar .gnav li a { height:auto; line-height:1.2; text-align:left; padding:15px 8px;}
.sideBar .gnav li a:hover {}
.sideBar .gnav li a.current,.sideBar .gnav li a.parentsLink {}
.sideBar .hnav { margin:0; padding:0;}
.sideBar .hnav li a { padding:10px 0 10px 18px; font-size:12px; display:block;}
.sideBar .hnav li a.current,.globalHeader .hnav li a.parentsLink {}
.sideBar .hnav li>ul { padding:0 0 0 1.5em; display:none;}
.sideBar .hnav li>ul li { font-size:11px; list-style:disc outside; line-height:1.4;}
.sideBar .hnav li>ul li a { padding:0.5em 0 0.5em;}


/*:スライダー---------------*/
.home .nivoWrapper { width:1000px; height:400px; overflow:hidden; margin:0 auto 20px; position: relative;}
.container .nivoWrapper { width:740px; height:296px;}
.home .nivoFloat { width:1000px; height:auto; margin:0 auto 20px;}
.home .nivoFloat  .nivoWrapper { float:left; width:700px; height:280px; margin:0;}
.home .nivoFloat section { float:right; width:260px; height:260px; padding:10px 10px 10px; overflow:hidden;}
.home .nivoFloat section h2 { margin-left:-10px; margin-top:-10px; margin-right:-10px; font-size:14px;}


/*:フッタ---------------*/
.globalFooter .inner { width:1000px; margin:0 auto 0; padding:30px 0 30px;}
.globalFooter .fl { width:490px;}
.globalFooter .fr { width:490px; padding-top:15px;}
.globalFooter h1 { margin:0 0 20px; font-size:15px; font-weight:bold;}
.globalFooter h1 img { width:60px;}
.globalFooter h1 a:hover { text-decoration:none;}
.globalFooter .copyright address { font-size:11px; width:1000px; margin:0 auto 0; height:24px; line-height:24px;}
.globalFooter .copyright address a { font-weight:normal;}


/*:ページ先頭へ---------------*/
#pageTop { position:fixed; bottom:0px; margin:0 auto; padding:0; width:100%;}
#pageTop .inner { position:relative; width:1000px; margin:0 auto 0;}
#pageTop .inner a { display:block; width:48px; height:48px; overflow:hidden; position:absolute; bottom:48px; right:-68px; padding-bottom:0px;
-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#pageTop .inner a span { display:block; width:26px; height:15px; margin:20px auto 0; text-indent:-9999px;
-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#pageTop .inner a:hover { padding-bottom:5px;}
#pageTop .inner a:hover span { margin-top:12px;}


/*:ラッパー---------------*/
.globalHeader+.wrapper { padding:20px 0 0;}
.wrapperInner { width:960px; margin:0 auto 30px; padding:20px 20px 20px;}


/*:コンテナ---------------*/
.container { width:740px; min-height:500px; float:left; font-size:14px;}
.container.fr { float:right;}
.container.oneColumn { width:960px; float:none; font-size:15px;}
.container section {padding-bottom:2em; margin-bottom:2em; position:relative;}
.home section {padding-bottom:0.5em; margin-bottom:0.5em;}

.container .contact { width:736px; padding:2px 2px 9px 2px; background:url(../img/contact.jpg) no-repeat; margin:0 auto 0;}
.container .contact table { width:100%; height:116px;}
.container .contact table th, .container .contact table td { vertical-align:middle; padding:0 13px 0 0;}
.container .contact table td { padding-top:12px;}
.container .contact table td .tel { font-size:14px; line-height:140%;}
.container .contact table td .tel b { font-size:24px; line-height:120%; letter-spacing:-0.03em;}
.container .contact table td .tel span { font-size:16px; line-height:100%;}


/*:見出し---------------*/
.eyeCatch { margin:0 0 20px;}
.eyeCatch h1 { width:960px; margin:0 auto 0; font-size:21px; line-height:1.2; font-weight:bold;}

.wrapper h2 { line-height:1.2; font-size:19px; font-weight:bold; padding:0.6em 0 0.6em 0.4em; margin:0 0 0.8em; position:relative;}
.wrapper h2 a.right { position:absolute; top:30%; right:2%; padding:0 0 0 18px; font-size:80%; font-weight:normal;}
.wrapper h2 span.right { position:absolute; top:30%; right:2%; padding:0 0 0 18px; font-size:80%; font-weight:normal;}
h2 .date { display:block; font-weight:normal; font-size:14px; padding: 0 0 0 20px; margin:0 0 5px;}

.wrapper h3 { line-height:1.2; font-size:15px; font-weight:bold; padding:0.4em 0 0.4em 0.8em; margin:0 0 0.6em; position:relative;
box-shadow:0px -1px 0px #fff inset;}


/*:サイドバー---------------*/
.sideBar {width:200px; float:right;}
.sideBar.fl {float:left;}
.sideBar img { max-width:200px;}
.sideBar h2 {font-size:14px;}
.sideBar section {padding-bottom:1em; margin-bottom:1em; position:relative;}


/*:サイドバーナビ---------------*/
.sideBar .snav { margin:0 0 1em; padding:0 0 1em;}
.sideBar .snav h2 { margin-bottom:0;}
.sideBar .snav ul { margin:0 0 1em;}
.sideBar .snav li {}
.sideBar .snav li a { position:relative; line-height:1.4; display:block; padding:12px 12px 12px 26px; font-size:12px; font-weight:bold;
opacity:1;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
.sideBar .snav li a:hover { opacity:1;}


/*:サイドバーグロナビ内サイドバーナビ---------------*/
.sideBar .gnav .snav { margin:0; padding:0; display:none;}
.sideBar .gnav .snav ul { margin:0;}
.sideBar .gnav .snav li { height:auto;}
.sideBar .gnav .snav li a {height:auto;}
.sideBar .gnav .snav li.lastChild a { border-bottom:none;}
.sideBar .gnav .snav li a:hover {}


/*:リスト---------------*/
ol { padding-left:2em; margin:0 0 1em;}
ol li { list-style:decimal outside;}
ul.disc { margin:0 0 1em; padding:0 0 0 1.5em;}
ul.disc li { list-style:disc outside; line-height:1.4; margin:0.5em 0 0.5em;}


/*:テーブル---------------*/
table.style { width:100%; border-collapse: collapse; margin-bottom:1em;}
table.style th { background:url(../img/L.png) repeat-x left top #EEEEEE; border:#ccc 1px solid;	padding:8px 10px; font-weight:bold; vertical-align:middle; box-shadow:-4px -4px 16px #fff inset;}
table.style td { background:url(../img/L.png) repeat-x left top #f9f9f9; border:#ddd 1px solid;	padding:8px 10px; vertical-align:middle; box-shadow:-4px -4px 16px #fff inset;}
table.style td td,table.style td th { background:none; border:none; margin:0; padding:0;}

table.style .c2 { overflow:hidden; zoom:1;}
table.style .c2 li{ float:left; width:50%; margin:0.2em 0 !important; padding:0;}
table.style .c2+h3{ margin-top:1.5em;}



/*:ボタン---------------*/
a.button, input.button { padding: 3px 2em 3px 2em; font-weight:bold; vertical-align:middle; line-height:1.2; cursor: pointer;border-radius: 5px; position:relative;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
a.button:hover, input.button:hover { text-decoration:none; opacity:0.75;}
.button>img { width:auto !important; height:auto !important; padding:0 !important; margin:0 !important; border:none !important; background:none !important; display:inline !important;}


/*:ページャー---------------*/
ul.pager {margin:20px 0 20px; font-size:10px;}
.container>section+ul.pager { margin-top:0;}
ul.pager li { float: left; margin:0 2px; font-weight: bold;}
ul.pager li a { display:block; border:1px solid #ccc; border-bottom-color:#aaa;   padding: 3px 8px;    color: #000; font-weight:bold;    background:url(../img/button_gloss_100.png) repeat-x center center #f4f4f4;}
ul.pager li a:hover { background-color:#CCE2FF; border-color:#A3B5CC; border-bottom-color:#98A0AA; text-decoration: none;}
ul.pager li b { display:block; border:1px solid #144380; padding: 3px 8px;    color: #fff; font-weight:bold;    background:url(../img/button_gloss_30.png) repeat-x center center #333;  }


/*:通常グリッド---------------*/
.grid2 { width:760px;}
.grid2>* { float:left; width:360px; margin:0 20px 2em 0;}
.grid2>* img { max-width:360px; margin-bottom:7px; display:block; margin-left:auto; margin-right:auto;}
.grid2>* img.flm { margin-right:1em;}
.grid2>* img.frm { margin-left:1em;}
.grid2>* .button { font-size:100%; padding-left:1.6em; padding-right:1.4em;}
.grid2>* h2 { font-size:17px;}

.grid3 { width:760px;}
.grid3>* { float:left; width:233px; margin:0 20px 2em 0; font-size:13px;}
.grid3>* img { max-width:233px; margin-bottom:6px; display:block; margin-left:auto; margin-right:auto;}
.grid3>* .button { font-size:95%; padding-left:1.3em; padding-right:1.2em;}
.grid3>* h2 { font-size:15px;}

.grid4 { width:760px;}
.grid4>* { float:left; width:170px; margin:0 20px 2em 0; font-size:12px;}
.grid4>* img { max-width:170px; margin-bottom:5px; display:block; margin-left:auto; margin-right:auto;}
.grid4>* .button { font-size:90%; padding-left:1em; padding-right:1em;}
.grid4>* h2 { font-size:14px;}


/*:１カラム　グリッド---------------*/
.oneColumn .grid2 { width:980px;}
.oneColumn .grid2>* { float:left; width:470px; margin:0 20px 1em 0; font-size:14px;}
.oneColumn .grid2>* img { max-width:470px; margin-bottom:7px;}

.oneColumn .grid3 { width:980px;}
.oneColumn .grid3>* { float:left; width:306px; margin:0 20px 1em 0; font-size:13px;}
.oneColumn .grid3>* img { max-width:306px; margin-bottom:6px;}

.oneColumn .grid4 { width:980px;}
.oneColumn .grid4>* { float:left; width:225px; margin:0 16px 1em 0; font-size:12px;}
.oneColumn .grid4>* img { max-width:225px; margin-bottom:5px;}


/*:日付とタイトル---------------*/
ul.news { margin:0 0 1em; line-height:1.2;}
ul.news .date { padding:5px 2em 5px 20px;}
ul.news li { padding:5px 0 5px 0;}
dl.news { margin:0 0 1em; line-height:1.2;}
dl.news dt { float:left; padding:5px 0 5px 20px;}
dl.news dd { padding:5px 0 5px 140px;}
.grid2 dl.news dt, .home .nivoFloat section dl.news dt { float:none; padding:5px 0 0 20px;}
.grid2 dl.news dd, .home .nivoFloat section dl.news dd { padding:0 0 5px 20px;}


/*:シングル---------------*/
.oneColumn img.single { max-width:960px; display:block; margin-left:auto; margin-right:auto; margin-bottom:1em;}
img.single { max-width:740px; display:block; margin-left:auto; margin-right:auto; margin-bottom:1em;}


/*:ロングコメント---------------*/
.longComment { padding-bottom:1em !important;}
.longComment p { margin:0 !important;}
.download { overflow:hidden; text-align:center; border-top:1px dotted #999; margin:1em 0 1em; padding:1em 0 1em;}
.grid2 .download,.grid3 .download,.grid4 .download { border:none; margin-top:0; padding-top:0;}
.grid2 div.center,.grid3 div.center,.grid4 div.center { border:none; margin-bottom:1em; padding-bottom:1em;}

/*:リスト---------------*/
.link-list li{background: #efe4ed; border: 1px solid #d7cccc; margin-bottom: 25px; padding: 10px;}
.link-list li .inner{background:#fff; padding:10px 10px 0; border:1px solid #d7cccc;}

.categoryInfo { width: 960px; margin: 10px auto; border: 4px solid #CD2334; background-color: #fff; padding: 1em; }


.errmsg { color: #cf0000; }