@charset "UTF-8";

/* =========================================================================
　全ページ共通の設定

　目　次

　 1.リセット
　 2.各要素
　 3.body
　 4.ラッパー（ヘッダー＋コンテナ＋フッター）
　 5.ヘッダー
　 6.コンテナ（ページタイトル＋コンテンツ＋サイド）
　 7.ページタイトル
　 8.コンテンツ
　 9.サイド
　10.フッター
　11.パーツ
========================================================================= */

/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
html,body,div,
blockquote,pre,
dl,dt,dd,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------
 2.各要素
------------------------------------------------------------------------- */

/* h1
---------------------------------------------------------------------- */
h1 {
	font-size: 180%;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 25px 35px;
	background: url(../../images/base/h1_bg.gif) no-repeat 3px 4px;
	line-height: 1.1;
	
}

#dlt_title {
    display: none;
}

/* 画像のh1用 */
h1#h1-img {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	background: none;
}

/* h2
---------------------------------------------------------------------- */
h2 {
	clear: both;
	font-size: 130%;
	font-weight: bold;
	margin: 0 1px 15px 0;
	padding: 15px 0 15px 38px;
	background: no-repeat left bottom;
	line-height: 1.1;
}
h2.social-h2 {
    background: url("../../images/base/h2_bg.gif") no-repeat scroll left bottom transparent;
    clear: both;
    font-size: 145%;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 1px 15px 0;
    padding: 25px 0 15px 38px;
}
h2.social-h2-2 {
    clear: both;
    font-size: 145%;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 20px 15px;
    padding: 15px 0 15px 25px;
	color: #E03636;
	border: 6px double #FD9435;
	text-align: center;
}


/* 最初のh2用 */
h2.h2-first {
	padding-top: 10px;
}

h2.em {
	padding: 0;
	margin: 50px 0;
}

/* h3
---------------------------------------------------------------------- */
h3 {
	clear: both;
	font-size: 115%;
	font-weight: bold;
	margin: 30px 30px 20px;
	padding: 0 0 6px 26px;
	background: url(../../images/base/h3_bg.gif) no-repeat 5px 16px;
	border-bottom: 4px solid #EEE;
	line-height: 1.5;
}

/* h4
---------------------------------------------------------------------- */
h4 {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 15px 10px;
	padding: 0 0 5px 14px;
	background: url(../../images/base/h4_bg.gif) no-repeat 4px 1px;
	border-bottom: 1px solid #E4E4E4;
	line-height: 1.1;
}

/* p
---------------------------------------------------------------------- */
p {
	font-size: 100%;
	margin: 0 15px 15px 40px;
	padding: 0;
	line-height: 1.5;
}

/* 導入部のテキスト（サイドあり） */
#container-side p.text-intro {
	font-size: 120%;
	margin: 0 30px 25px;
}

/* 導入部のテキスト（サイドなし） */
#container p.text-intro {
	font-size: 120%;
	margin: 0 50px 25px;
}

#container p.detail-social{
	border: 2px solid #65A01D;
	padding: 12px;
	margin: 15px 25px 25px;
	text-align: center;
}

.detail-image{
	margin: 35px 0;
}

div.blue-wrap{
	border: 1px solid #597EE2;
}

div.blue-wrap .blue-contents{
	border: 1px solid #FFF;
	background: #DFEAFF;
	clear: both;
	overflow: hidden;
}

div.blue-wrap .blue-contents p{
	float: left;
	width: 680px;
	margin: 12px 15px;
}

div.blue-wrap .blue-contents img{
	float: right;
	width: 200px;
}

/*画像と回り込み文字用ボックス*/
#content .wcv-floatbox-left,
#content .wcv-floatbox-right {
	margin: 0 0 15px;
}
#content .wcv-floatbox-left p,
#content .wcv-floatbox-right p {
	margin-bottom: 10px;
	line-height: 1.7;
}
/*左寄せ画像と回り込み文字で使用*/
#content .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

#content div.wcv-floatbox-left ul li{
	background: none;
	list-style: url("../../images/base/li_bg.gif") disc inside!important;
}

/*右寄せ画像と回り込み文字で使用*/
#content .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}

#content .clearfix:after {
    clear: both;
    content: "";
    display: block;
}

p.font-large {
	font-size: 110%;
	font-weight: bold;
	border: 3px dotted #1B4FA5;
	padding: 20px;
}

p.font-red {
	color: #E03636;
	font-size: 120%;
	border: 5px double #FD9435;
}

p.point{
	font-size: 115%;
	font-weight: bold;
}

div.pink-wrap{
	border: 4px solid #FF6699;
	padding: 25px;
	margin: 35px 15px;
}

div.pink-wrap p{
	margin: 0;
	margin-bottom: 10px;
	line-height: 1.8;
}

span.money{
	color: #FF0000;
	border: 3px double #FF0000;
	background: #FEFCED;
	padding: 10px;
	font-size: 135%;
}

/* ul,ol
---------------------------------------------------------------------- */
ul {
	font-size: 100%;
	margin: 10px 10px 20px 25px;
	padding: 0;
	line-height: 1.3;
	list-style: none;
}
ul li {
	margin: 0;
	padding: 0 0 10px 18px;
	background: url(../../images/base/li_bg.gif) no-repeat 0 4px;
}

ul.indexlist li {
	margin: 5px;
	padding: 5px 0 5px 18px;
	background: url(../../images/base/li_bg.gif) no-repeat 0 15px;
	font-size: 110%;
	border-bottom: 2px dotted #CCC;
}

ol {
	font-size: 100%;
	margin: 10px 10px 20px 55px;
	padding: 0;
	line-height: 1.3;
}
ol li {
	margin: 0 0 10px;
	padding: 0;
}

/* table
---------------------------------------------------------------------- */
table {
	clear: both;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DDD;
	border-spacing: 0;
	empty-cells: show;
}

/* サイドあり */
#container-side table {
	width: 730px;
}

/* サイドなし */
#container table {
	width: 930px;
}

caption {
	font-size: 120%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
table .bgcolor {
	background: #F7F7F7;
}
th {
	font-size: 100%;
	font-weight: bold;
	padding: 10px 5px;
	background: #D7EFF7;
	border: 1px solid #B7CBD2;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}
td {
	font-size: 100%;
	border: 1px solid #DDD;
	line-height: 1.3;
	text-align: left;
}

/* hr
---------------------------------------------------------------------- */
hr {
	height: 0;
	margin: 15px 5px;
	padding: 0 0 5px;
	border: none;
	border-bottom: 1px dotted #AAA;
}

/* テキストリンクの設定
---------------------------------------------------------------------- */
a:link {
	color: #690;
}
table a:link,
p.p-caution a:link {
	color: #639100;
}
a:visited {
	color: #7D7D7D;
}
a:hover,
a:active,
a:focus {
	color: #E82D00;
}

/* 「別ウィンドウで開く」アイコン表示 */
#wrapper a[target="_blank"] {
	display: inline-block;
	margin-right: 3px !important;
	padding-right: 20px !important;
	background: url(../../images/icon/blank.gif) no-repeat center right;
}
#wrapper a[target="_blank"] img {
	margin-right: -23px;
}

#wrapper a[target="twipot"] {
	display: inline-block;
	margin-right: 3px !important;
	padding-right: 20px !important;
	background: url(../../images/icon/blank.gif) no-repeat center right;
}
#wrapper a[target="twipot"] img {
	margin-right: -23px;
}
#wrapper a[target="inspot"] {
	display: inline-block;
	margin-right: 3px !important;
	padding-right: 20px !important;
	background: url(../../images/icon/blank.gif) no-repeat center right;
}
#wrapper a[target="inspot"] img {
	margin-right: -23px;
}

/* 非表示の設定
---------------------------------------------------------------------- */
hr.hide {
	display: none;
}

/* -------------------------------------------------------------------------
 3.body
------------------------------------------------------------------------- */
body {
	color: #444;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	background: #F7F7F7 url(../../../images/itf/base/body_bg.gif) repeat-y top center;
	line-height: 1.2;
}

/* -------------------------------------------------------------------------
 4.ラッパー（ヘッダー＋コンテナ＋フッター）
------------------------------------------------------------------------- */
#wrapper {
	width: 1090px;
	margin: 0 auto;
	background: #F7F7F7;
}

/* -------------------------------------------------------------------------
 5.ヘッダー
------------------------------------------------------------------------- */
#header {
	width: 100%;
	height: 47px;
	top: 0;
	left: 0;
	z-index: 1000;
}
#header-inner {
	width: 1000px;
	height: 46px;
	margin: 0 auto;
	padding: 0 45px;
	background: #F7F7F7 repeat-x left bottom;
	border-bottom: 1px solid #D9D9D9;
}

/* ナビゲーションを飛ばす
---------------------------------------------------------------------- */
p#skipnavi {
	/* CSS適用環境では非表示 */
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
}

/* ロゴ
---------------------------------------------------------------------- */
p#header-logo {
	float: left;
	margin: 0;
	background: no-repeat;
}

/* アイコン
---------------------------------------------------------------------- */
ul#header-icon {
	float: right;
	margin: 7px 0 0;
	padding: 0 5px 0 6px;
	background: url(../../images/base/dotline_y.gif) repeat-y;
}
ul#header-icon li {
	float: left;
	padding: 0;
	background: none;
}
ul#header-icon li a {
	display: block;
	padding: 5px;
}

/* グローバルナビ
---------------------------------------------------------------------- */

/*

ul#globalnavi {
	float: right;
	margin: 0;
}
ul#globalnavi li {
	position: relative;
	float: left;
	padding: 0;
	background: none;
}
ul#globalnavi li a {
	position: relative;
	display: block;
	padding: 5px 0 9px;
	border-top: 2px solid #F7F7F7;
}
ul#globalnavi ul {
	position: absolute;
	top: -999em;
	width: 200px;
	margin: 0;
	background: #FFF;
	border-bottom: 2px solid #A0DD63;
	line-height: 1.2;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
ul#globalnavi li.sfHover ul {
	top: 47px;
	left: 0;
	z-index: 1000;
}
ul#globalnavi ul li {
	width: 198px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
ul#globalnavi ul li a {
	width: 175px;
	color: #444;
	padding: 10px 5px 8px 18px;
	background: #FFF url(../../images/base/globalnavi_li_li_bg.png) no-repeat 0 14px;
	border: none;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
}
ul#globalnavi ul li a[target="_blank"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(../../images/base/globalnavi_li_li_blank_bg.png) no-repeat scroll 0 12px #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #444444;
    padding: 10px 22px 8px 18px;
    text-decoration: none;
    width: 158px;
}
ul#globalnavi ul li a:visited {
	color: #777;
	text-decoration: none;
}
ul#globalnavi ul li a:focus,
ul#globalnavi ul li a:active,
ul#globalnavi ul li a:hover {
	color: #000;
	background-position: -200px 14px;
	text-decoration: none;
}
ul#globalnavi ul li a.globalnavi-stay {
	color: #000;
	background-color: #ECECEC;
	background-position: -200px 14px;
}

*/

/* -------------------------------------------------------------------------
 6.コンテナ（ページタイトル＋コンテンツ＋サイド）
------------------------------------------------------------------------- */

/* ホーム */
#container-home {
	clear: both;
	width: 1090px;
	padding: 57px 0 0;
	overflow: hidden;
}

/* 下層ページ
   サイドなし　#container、
   サイドあり　#container-side */
#container,
#container-side {
	position: relative;
	clear: both;
	width: 998px;
	margin: 0 45px 20px;
	padding: 55px 0 45px;
	background: #FFF;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #D9D9D9;
}
#container:after,
#container-side:after {
	/* Newブラウザ フロート対策 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* リンクボタン右上 */
p#container-linkbtn-right-up {
	position: absolute;
	bottom: 215px;
	right: -40px;
	margin: 0;
}
p#container-linkbtn-right-up a {
	margin-bottom: 5px;
}

/* リンクボタン右下 */
p#container-linkbtn-right-down {
	position: absolute;
	bottom: 10px;
	right: -40px;
	margin: 0;
}
p#container-linkbtn-right-down a {
	margin-bottom: 5px;
}

/* リンクボタン左上 */
p#container-linkbtn-left-down {
	position: absolute;
	bottom: 55px;
	left: -40px;
	margin: 0;
}
p#container-linkbtn-left-down a {
	margin-bottom: 5px;
}

/* このページの先頭へ（左下） */
p#container-btt {
	position: absolute;
	bottom: 10px;
	left: -40px;
	margin: 0;
}
p#container-btt a {
	margin-bottom: 5px;
}

/* -------------------------------------------------------------------------
 7.ページタイトル（下層ページのみ。h1要素とパンくずリスト）
------------------------------------------------------------------------- */
#pagetitle {
	width: 918px;
	padding: 0 30px 10px 50px;
	background: url(../../images/base/pagetitle_bg.gif) repeat-x left bottom;
	overflow: hidden;
}

/* パンくずリスト
---------------------------------------------------------------------- */
p#crumbs {
	float: right;
	margin: 0;
	padding: 7px 0 5px;
}
p#crumbs span {
	color: #BBB;
}
p#crumbs img {
	vertical-align: middle;
}

/* -------------------------------------------------------------------------
 8.コンテンツ
------------------------------------------------------------------------- */
/* ホームのコンテンツ内の項目は、home.cssで設定
   下層ページのコンテンツ内の項目は、各ディレクトリのcategory.cssで設定 */

#content {
	position: relative;
	clear: both;
	overflow: hidden;
}

/* ホーム
---------------------------------------------------------------------- */
#container-home #content {
	width: 1090px;
}

/* 下層ページ
---------------------------------------------------------------------- */
/* サイドあり */
#container-side #content {
	width: 750px;
	float: left;
	padding: 25px 0 0 24px;
}

/* サイドなし */
#container #content {
	width: 950px;
	margin: 0 24px;
	padding: 0;
}

/* -------------------------------------------------------------------------
 9.サイド
------------------------------------------------------------------------- */
#side {
	position: relative;
	width: 180px;
	float: right;
	margin: 25px 0 0;
	padding: 10px 14px 0 0;
	background: url(../../images/base/side_bg.gif) repeat-y;
	overflow: hidden;
}

/* 検索フォーム
---------------------------------------------------------------------- */
form#side-searchform {
	width: 158px;
	padding: 0 11px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
form#side-searchform p {
	margin: 0;
}
form#side-searchform input {
	color: #AAA;
	background: #FFF;
}
form#side-searchform input#side-searchform-text {
	width: 121px;
	min-height: 16px;
	padding: 6px 3px 6px 8px;
	border: none;
	vertical-align: bottom;
}
form#side-searchform input.side-searchform-text-focus {
	color: #000;
	background: #ECECEC;
}
form#side-searchform input#side-searchform-btn {
	vertical-align: middle;
}

/* サイドナビ
---------------------------------------------------------------------- */

/* 第１階層 */
ul#side-navi {
	width: 180px;
	margin: 15px 0 10px;
	border-top: 1px solid #E5E5E5;
	line-height: 1.2;
}
ul#side-navi li {
	width: 180px;
	padding: 0;
	background: none;
}
ul#side-navi li a {
	width: 128px;
	display: block;
	color: #444;
	padding: 21px 30px 19px 22px;
	background: #FFF url(../../images/base/side-navi_li_bg.png) no-repeat;
	border-bottom: 1px solid #E5E5E5;
	text-decoration: none;
}
ul#side-navi li a:visited {
	color: #777;
	text-decoration: none;
}
ul#side-navi li a:hover,
ul#side-navi li a:active,
ul#side-navi li a:focus {
	color: #000;
	background-position: -180px 0;
	text-decoration: none;
}
ul#side-navi li a.side-navi-stay,
ul#side-navi li a.side-navi-stay:hover,
ul#side-navi li a.side-navi-stay:active,
ul#side-navi li a.side-navi-stay:focus {
	color: #000;
	background-color: #ECECEC;
	background-position: -180px 0;
}

/* 第２階層 */
ul#side-navi ul {
	width: 170px;
	font-size: 90%;
	margin: 0 5px;
	border: none;
}
ul#side-navi ul li {
	width: 170px;
}
ul#side-navi ul li a {
	width: 133px;
	padding: 10px 10px 8px 27px;
	background-position: -360px 0;
}
ul#side-navi ul li a:hover,
ul#side-navi ul li a:active,
ul#side-navi ul li a:focus {
	background-position: -530px 0;
}
ul#side-navi ul li a.side-navi-stay,
ul#side-navi ul li a.side-navi-stay:hover,
ul#side-navi ul li a.side-navi-stay:active,
ul#side-navi ul li a.side-navi-stay:focus {
	background-position: -530px 0;
}

/* 第３階層 */
ul#side-navi ul ul {
	font-size: 100%;
	margin: 0;
}
ul#side-navi ul ul li a {
	width: 115px;
	padding: 9px 10px 7px 45px;
	background-position: -700px 0;
}
ul#side-navi ul ul li a:hover,
ul#side-navi ul ul li a:active,
ul#side-navi ul ul li a:focus {
	background-position: -870px 0;
}
ul#side-navi ul ul li a.side-navi-stay,
ul#side-navi ul ul li a.side-navi-stay:hover,
ul#side-navi ul ul li a.side-navi-stay:active,
ul#side-navi ul ul li a.side-navi-stay:focus {
	background-position: -870px 0;
}

/* バナー
---------------------------------------------------------------------- */
.side-banner {
	margin: 15px 0 10px;
	padding: 7px 0 0;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.side-banner p {
	margin: 0 0 7px;
	text-align: center;
}

/* -------------------------------------------------------------------------
 10.フッター
------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 1000px;
	padding: 0 45px 0px;
	overflow: hidden;
}

#footer-common {
    clear: both;
    overflow: hidden;
    padding: 0 45px;
    width: 1000px;
}

/* 試・知・問・算
---------------------------------------------------------------------- */
#footer-contact-top,
#footer-contact {
	position: relative;
	clear: both;
	width: 1000px;
	background: url(../../images/base/footer-contact_bg.png) no-repeat left bottom;
	overflow: hidden;
}
#footer-contact-top p,
#footer-contact p {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	margin: 0;
	z-index: 100;
}
#footer-contact-top p {
	height: 180px;
}
#footer-contact p {
	height: 46px;
}
#footer-contact-top ul {
	margin: 0;
	padding: 175px 0 0;
}
#footer-contact ul {
	margin: 0;
	padding: 41px 0 0;
}
#footer-contact-top li,
#footer-contact ul li {
	position: relative;
	width: 250px;
	height: 290px;
	float: left;
	padding: 0;
	background: none;
	overflow: hidden;
}
#footer-contact-top li a,
#footer-contact li a {
	display: block;
	width: 250px;
	height: 290px;
}
#footer-contact-top li a img,
#footer-contact li a img {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: 50;
}

/* リンク
---------------------------------------------------------------------- */
#footer-link {
	clear: both;
	width: 1000px;
	background: #ECECEA url(../../images/base/footer-link_bg_middle.gif) repeat-y;
}
#footer-link-inner {
	width: 1000px;
	background: url(../../images/base/footer-link_bg_top.gif) no-repeat;
}
#footer-link-inner2 {
	width: 980px;
	padding: 15px 10px 23px;
	background: url(../../images/base/footer-link_bg_bottom.gif) no-repeat left bottom;
}
#footer-link-group-wrap {
	width: 980px;
	background: url(../../images/base/footer-link-group_bg.gif) repeat-y 195px 0;
	overflow: hidden;
}
.footer-link-group {
	width: 166px;
	float: left;
	padding: 8px 15px 4px;
}
#footer-link h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 10px 5px;
	background: url(../../images/base/footer-link_h2_bg.gif) repeat-x left bottom;
}
#footer-link ul {
	margin: 0 3px;
	line-height: 1.2;
}
#footer-link li {
	margin: 0 0 6px;
	padding: 0 0 6px 13px;
	background: url(../../images/base/footer-link_li_bg.gif) no-repeat 3px 4px;
	border-bottom: 1px dotted #D4D4D2;
}
#footer-link-inner li a[target="_blank"] {
    background: url(../../images/icon/blank.gif) no-repeat scroll right center transparent;
    display: inline-block;
    margin-right: 3px !important;
    padding-right: 20px !important;
}
#footer-link h2 a:link,
#footer-link li a:link {
	color: #444;
	text-decoration: none;
}
#footer-link h2 a:visited,
#footer-link ul li a:visited {
	color: #7A7A7A;
	text-decoration: none;
}
#footer-link h2 a:hover,
#footer-link h2 a:active,
#footer-link h2 a:focus,
#footer-link li a:hover,
#footer-link li a:active,
#footer-link li a:focus {
	color: #E82D00;
	text-decoration: underline;
}

/* 情報（フッターナビ・バナー）
---------------------------------------------------------------------- */
#footer-info {
	clear: both;
	width: 970px;
	padding: 30px 15px;
	border-bottom: 1px solid #D9D9D9;
	overflow: hidden;
}

/* フッターナビ */
ul#footer-navi {
	float: left;
	margin: 0;
	padding: 14px 0 0;
}
ul#footer-navi li {
	float: left;
	padding: 0;
	background: none;
}
ul#footer-navi li a {
	display: block;
	padding: 0 9px 0 8px;
	background: url(../../images/base/dotline_y.gif) repeat-y top right;
}
ul#footer-navi li#footer-navi-li-last a {
	background: none;
}
ul#footer-navi li a:link {
	color: #444;
	text-decoration: none;
}
ul#footer-navi li a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
ul#footer-navi li a:hover,
ul#footer-navi li a:active,
ul#footer-navi li a:focus {
	color: #E82D00;
	text-decoration: underline;
}

/* バナー */
p.footer-banner {
    margin: 0 auto;
    padding: 3px 0;
    text-align: left;
}

/* 会社情報（ロゴ・コピーライト）
---------------------------------------------------------------------- */
#footer-company {
	position: relative;
	padding: 30px 0 0;
	overflow: hidden;
}
#footer-company ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
}
#footer-company li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0;
	background: none;
}

/* 会社ロゴ */
#footer-company address {
	margin: 0;
	padding: 0 25px 0 0;
}

/* コピーライト */
#footer-company li#footer-copyright {
	color: #AAA;
	font-size: 90%;
	font-family: sans-serif;
	line-height: 1.5;
}
#footer-company li#footer-copyright a:link {
	color: #444;
	text-decoration: none;
}
#footer-company li#footer-copyright a:visited {
	color: #7D7D7D;
	text-decoration: none;
}
#footer-company li#footer-copyright a:hover,
#footer-company li#footer-copyright a:active,
#footer-company li#footer-copyright a:focus {
	color: #E82D00;
	text-decoration: underline;
}

/* 画面右端固定ボタン */
p#stickybtn {
	position: fixed;
	top: 50px;
	right: 0;
	margin: 0;
	z-index: 10000;
}
p#stickybtn a {
	display: block;
}

/* フッターベルト
---------------------------------------------------------------------- */
#footer-belt {
	position: fixed;
	width: 100%;
	height: 47px;
	left: 0;
	bottom: 0;
	z-index: 1000;
	overflow: hidden;
}
#footer-belt-inner {
	width: 1000px;
	height: 46px;
	margin: 0 auto;
	padding: 0 45px;
	background: #F7F7F7 url(../../images/base/header_bg.gif) repeat-x;
	border-top: 1px solid #D9D9D9;
}

/* パンくずリスト */
div#footer-belt-crumbs {
	float: left;
	margin: 13px 0 0;
	padding: 0 0 0 5px;
}
div#footer-belt-crumbs span {
	color: #BBB;
}
div#footer-belt-crumbs img {
	vertical-align: middle;
}
div#footer-belt-crumbs a:link {
	color: #444;
}
div#footer-belt-crumbs a:visited {
	color: #7D7D7D;
}
div#footer-belt-crumbs a:hover,
div#footer-belt-crumbs a:active,
div#footer-belt-crumbs a:focus {
	color: #E82D00;
}

/* このページの先頭へ */
p#footer-belt-btt {
	float: right;
	margin: 8px 0 0;
	padding: 0 5px 0 6px;
	background: url(../../images/base/dotline_y.gif) repeat-y;
}
p#footer-belt-btt a {
	display: block;
	padding: 5px;
}

/* グループ */
.footer-belt-group {
	float: right;
	margin: 8px 0 0;
	padding: 5px 0 5px 11px;
	background: url(../../images/base/dotline_y.gif) repeat-y;
}
.footer-belt-group p {
	float: left;
	margin: 0;
}
.footer-belt-group p#footer-belt-google {
	margin-right: -20px;
}

/* -------------------------------------------------------------------------
 11.パーツ
------------------------------------------------------------------------- */

/* マウスオーバー時に動くボタン
---------------------------------------------------------------------- */
.movebtn-x a,
.movebtn-y a {
	display: block;
}

/* 二段組
---------------------------------------------------------------------- */
/* サイドあり */
#container-side .doublecolumn {
	clear: both;
	width: 750px;
	overflow: hidden;
}
#container-side .doublecolumn .column-left {
	float: left;
	width: 350px;
}
#container-side .doublecolumn .column-right {
	float: right;
	width: 350px;
}

/* サイドなし */
#container .doublecolumn {
	clear: both;
	width: 950px;
	overflow: hidden;
}
#container .doublecolumn .column-left {
	float: left;
	width: 450px;
}
#container .doublecolumn .column-right {
	float: right;
	width: 450px;
}

/* 注意
---------------------------------------------------------------------- */
p.p-caution {
	margin: 0 10px 15px;
	padding: 8px 10px 8px 32px;
	background: #F7F7F7 url(../../images/icon/caution.gif) no-repeat 12px 12px;
	border: 2px solid #C6C6C6;
}

/* お電話でのお問い合わせ
---------------------------------------------------------------------- */
p.contact-tel {
	font-size: 120%;
	margin: 0 10px 15px;
	padding: 12px 15px 12px 100px;
	background: #F7F7F7 url(../../images/contactform/contact-tel_bg.gif) no-repeat 30px 30px;
	border: 4px solid #E5E5E5;
}
p.contact-tel span{
	color: #008DBA;
	font-size: 160%;
}

/*基礎
---------------------------------------------------------------------- */
div.cont {
	margin: 0px;
	padding: 0px;
}

p.red {
	font-size: 180%;
	border: 5px groove #C00;
	padding: 25px;
}
/* PC向けが自動にフィット
---------------------------------------------------------------------- */

div.fit {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
}
div.fit h2 {
	margin: 0px;
	padding: 0px;
}

div.flbox {
	float:left;
	width: 620px;
	height: 500px;
}
div.frbox {
	float: right;
	background: url(../../images/landing/smartphone/gif_bk.gif);
	width: 330px;
	height: 500px;
}
div.frbox img {
	margin: 100px 0 0 30px;
}
/* お知らせの見出しも…
---------------------------------------------------------------------- */

div.oshiraseran {
	margin: 0 auto;
	padding: 0px;
	width: 936px;
}
div.oshiraseran h2 {
	margin: 0px;
	padding: 0px;
}

/* PC向け
---------------------------------------------------------------------- */

div.pcmuke {
	margin: 50px auto 0;
	padding: 0px;
	width: 906px;
}
div.pcmuke h2 {
	margin: 0px;
	padding: 0px;
}

/* 説明
---------------------------------------------------------------------- */
div.trbox {
	padding: 20px;
}
div.trbox img {
	float: left;
	margin-right: 50px;
}
div.trbox p.detail {
	font-size: 180%;
	border: 5px groove #ccc;
	padding: 25px;
}

/* 表示切替
---------------------------------------------------------------------- */
div.modeswich {
	margin: 0 auto;
	width: 886px;
};

/*20161104*/

div#globalNavi {

}

div#globalNavi {
	background: #717171;
	height: 55px;
}

ul#globalnavi {
	width: 1000px;
	margin: 0 auto;
	height: 55px;
}

ul#globalnavi li.g-navi {
	position: relative;
	background: #717171;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 4px;
	text-align: center;
	width: 19%;
}

ul#globalnavi li.g-navi:last-child {
	border-right: 1px solid #fff;
	padding: 0 6px
}

ul#globalnavi li.g-navi:hover {
	background: #555
}

ul#globalnavi li.g-navi a {
	font-size: 150%;
	color: #fff;
	text-decoration: none;
	display: block;
    padding: 15px 0;
}

ul#globalnavi li.g-navi ul {
	background: #717171;
	opacity: 0.9;
	position: absolute;
	left: 0;
	top: 55px;
	margin: 0;
	width: 240px;
	z-index: 2;
	display: none;
}

ul#globalnavi li.g-navi ul li {
	background: none;
	padding: 0;
	border-bottom: 1px dotted #fff;
	text-align: left;
	font-size: 90%;
}

ul#globalnavi li.g-navi ul li:last-child {
	border: none;
}

ul#globalnavi li.g-navi ul li:hover {
    background: #555;
}

ul#globalnavi li.g-navi ul li.blank {
	background-image: url(../../images/home/blank-icon.png);
	background-repeat: no-repeat;
	background-position: 210px 22px;
}	

ul#globalnavi li.g-navi ul li a {
	display: block;
	padding: 15px;
}

div#header {
	position: static;
	border: none;
	height: auto;
}

div#header-belt2 {
	border-bottom: 1px solid #ccc;
	width: 100%;
	background: #F7F7F7;
	border-bottom: 1px solid #D9D9D9;
}

div#header-inner {
	height: 120px;
	border-bottom: none;
}

div#header-top {
	border-bottom: 1px solid #ccc;
}

div#header-belt {
    width: 1000px;
	padding: 0 45px;
	height: 41px;
	margin: 0 auto;
}

p#header_search,
p#header_support {
	float: right;
	margin: 5px 20px;
}

p#header_search {
	border: 1px solid #CCC;
	border-radius: 5px;
	background: url(../../images/icon/search2.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	
}

p#header_support {
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #717171 url(../../images/icon/security_icon.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 5px;
}

p#header_search a {
	color: #000;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	padding: 5px 7px 5px 30px;
}

p#header_support a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 7px 5px 30px;
}

p#header_search:hover {
	display: block;
	background: #ECECEC url(../../images/icon/search2.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

p#header_search a:hover {
	color: #000;
}

p#header_support:hover {
	display: block;
    background: #555 url(../../images/icon/security_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5px;
}

div#header-address {
	float: right;
}

div#header-address #header_tel {
	float: right;
	background-image: url(../../images/icon/tel_icon.png);
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: 5px;
	margin: 5px 10px;
}

#header_tel p{
	margin: 0;
	padding: 0 0 0 60px;
	font-size: 80%;
}

#header_tel p#tel {
	font-size: 23px;
    color: #76ab36;
}

ul#contact {
	clear: both;
}

ul#contact li a img {
	height: 50px;
	width: auto;
}

div#header-address ul#contact li {
	float: right;
	list-style: none;
	background: none;
	padding: 0 0 6px 18px;
}

ul#contact li a img:hover {
	opacity: 0.75;
}

p#header-logo {
    background: url(../../images/base/header-logo_bg2.png) no-repeat;
	background-position: 0 29px;
}

p#header-logo a img {
	margin: 30px 0;
}

#container,
#container-side {
	padding: 29px 0 45px;
}

#container-home {
	padding: 0;
}

/*
 *  *SSLページヘッダー用
 *   */

div#header-logo-ssl {
	float: left;
	background: url(../../images/base/header-logo_bg2.png) no-repeat;	
	background-position: 0 2px;
}

div#header-logo-ssl img {
	margin: 5px 0;
	width: 400px;
}

div#header-inner-ssl {
	height: 70px;
	width: 1000px;
	margin: 0 auto;
	padding: 0 45px;
}

/*
 *  *変更点
 *   */

div#wrapper {
/*	position: absolute;
 *		top: 0px;*/
	width: 100%; 
}

#container-home {
	width: 100%
}

#container-side {
	margin: 0 auto 20px;
}

#container,
#container-side {
	margin: 0 auto 20px;
}

#container-home #content {
	width: 100%
}

#container #content {
	margin: 0 auto;
}

#footer {
	margin: 0 auto;
}

#footer-common {
	margin: auto;
}

p#stickybtn2 {                                                                                                  
    position: fixed;
    top: 350px;
    right: 0;
    margin: 0;
    z-index: 10000;
}
p#stickybtn2 a {
    display: block;
}

#footer-belt {
	margin: 0 auto;
}