@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
*{
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.6;
	letter-spacing:1px;
	background:#fff url("image/bg.gif") 50% 50% repeat-y fixed;
	border-top-width: 10px;
	border-top-style: none;
	border-top-color: #FF9900;
}

br {
   letter-spacing:normal;
}

a {
	color:#3366CC;
}

a:hover {
	color:#FF0000;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

strong{font-weight:normal;}

/* ========ヘッダー======== */
div#header {
	width:850px;
	height:60px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D83C44;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FF0033;
}

 h1{
	font-size:64%;
	color:#666666;
	text-indent:12px;
	vertical-align:top;
	line-height:20px;
	font-weight:normal;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	height: 20px;
	text-align: right;
	padding-bottom: 10px;
	}

div#header0 {
	width:840px;/* メニュー余白調整用 */
	height:60px;
}
div#headerimage {
	float: left;
}

div#headerMenu {
	padding-right: 0;
	padding-left: 0;
	float: right;
	padding-top: 0px;
}

div#headerMenu a {
	color:#666666;
}

div#headerMenu a:hover {
	color:#FF0000;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
}

div#headerMenu ul {
	margin:0;
	padding:0;
	list-style-type: square;
	list-style-position: inside;
}

div#headerMenu li {
	display:inline;
	margin:0 0 0 10px;
	padding-left:8px;
	font-size:82%;
	list-style-position: inside;
	list-style-type: square;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}




/* ========トップページ　フレームワーク======== */


div#tmain {
	float:left;
	width:615px;
}
div#tcontentsmain {
	float:left;
	width:615px;
}
/* ========トップページ ニュースボックス======== */
.knews_box {
	padding:0;
	list-style:none;
	text-align: center;
	width: 613px;
	float: left;
	border: 2px solid #999999;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #EFEFEF;
}

.news_box {
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	width: 613px;
	height:1100px;
	float: left;
	border: 1px solid #999999;
}

#news_inline {
	height: 200px;
	overflow: visible;
	width: 590px;
	text-align: left;
	padding-left: 5px;
}

.news_body {
	width: 600px;
	list-style:none;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

div#news_inline ul {
	margin:0;
	padding:0;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}

div#news_inline li {
	font-size:78%;/* 13px相当 */
	list-style-type:none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #333333;
}

div#news_inline li a {
	display:block;
	width:580px;
	padding-left:10px;
	color:#3366CC;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: dashed;
	padding-bottom: 2px;
}

div#news_inline li a:hover {
	color:#FF0000;
	background-color: #FFFFFF;
}


/* ========トップページ 動画ボックス======== */
div#play_box {
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	width: 280px;
	float: right;
	border: 1px solid #CCCCCC;
	height: 205px;
}
div#pickup {
	float: left;
	height: 820px;
	width: 315px;
	border: 1px solid #CCCCCC;
	background-image: url(../img/bg.gif);
	background-repeat: repeat;
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: center;
}
div#purogram {
	float: right;
	height: 510px;
	width: 278px;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
}

/* ========トップページ サブメニュー======== */

div#tsub {
	float:right;
	width:180px;
	margin-bottom: 15px;
}

div#tsub_tenzibox {
	width:164px;
	background-color: #FFFFFF;
	height: 215px;
	padding-right: 6px;
	padding-left: 6px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
div#tsub_omoi {
	width:178px;
	background-color: #FFFFFF;
	height: 57px;
	border: 1px solid #CCCCCC;
}

div#tsub_omoi2 {
	width:93px;
	background-color: #FFFFFF;
	height: 57px;
	float: left;
}
div#tsub_omoi3 {
	width:80px;
	height: 55px;
	border: 1px solid #CCCCCC;
	float: right;
	text-align: center;
}
div#tsub ul {
   margin:0;
   padding:0;
}
div#tsub li {
	font-size:82%;/* 13px相当 */
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#tsub li a {
	display:block;
	width:170px;
	padding-left:10px;
	color:#3366CC;
	line-height:2;
	background-color: #FFFFFF;
	background-image: url(../img/menu.gif);
}

div#tsub li a:hover {
	color:#FF0000;
	background-color: #FFFFCC;
	background-image: url(../img/menu4.gif);
}



/* ========トップページ テキストCUSTOMIZE======== */

div#tsub h2 {
	color:#333333;
	font-size:82%;
	background-image: url(../img/resach3.gif);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: normal;
	height: 17px;
}
div#tsub h3 {
	color:#FF6600;
	font-size:82%;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 7px;
	font-weight: normal;
	background-image: url(../img/menu.gif);
}

div#tsub h4 {
	color:#FFFFFF;
	font-size:75%;
	background-color: #E60224;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-weight: bold;
	background-repeat: no-repeat;
}
div#tsub h5 {
	color:#FFFFFF;
	font-size:68%;
	background-color: #009966;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-weight: bold;
	background-repeat: no-repeat;
}


div#tsub p {
	font-size:69%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 5px;
	padding-top: 6px;
}
.down_p {
	font-size:69%;
	background-image: url(../couching/image/pdf_dwn2.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0;
	height: 40px;
	width: 180px;
	background-position: center center;
}
/* ========通常ページ　フレームワーク======== */
div#top {
	width:850px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.flash_box {
	width:615px;
	text-align:center;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 255px;
	background-color: #CCCCCC;
}
div#button {
	width: 848px;
	height: 40px;
	padding-bottom: 3px;
}
div#contents {
	clear:both;
	width:825px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

div#main {
	float:left;
	width:615px;
}

div#sub {
	float:right;
	width:180px;
	margin-top: 27px;
}

div#sub_banar {
	width:180px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

div#footer {
	clear:both;
	width:850px;
	margin-top:10px;
	background-color: #F2F2F2;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
div#footer2 {/* マージンなし */
	clear:both;
	width:850px;
	background-color: #FFFFCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
	color:#0066CC;
}


/* =====メインコンテンツリンクカラー======== */
div#main a:hover {
	color:#FF0000;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

/* =====見出しh2======== */
div#main h2{
	font-size:105%;
	color:#000000;
	font-weight:bold;
	background-image: url(../img/title_bg2.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	height: 36px;
	padding-left: 30px;
	font-family: Arial, Helvetica, san-serif;
	padding-top: 10px;
	}

/* =====見出しh2======== */
div#main h3{
	font-size:89%;
	color:#000000;
	font-weight:normal;
	background-image: url(../img/title_bg3.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	height: 36px;
	padding-left: 30px;
	font-family: Arial, Helvetica, san-serif;
	padding-top: 6px;
	}

/* =====見出しh3======== */
div#main h6 {
	margin-bottom:5px;
	font-size:75%;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FF0000;
	font-weight: bold;
	color: #333333;
}
div#tmain h3 {
	margin-bottom:5px;
	font-size:82%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

/* =====見出しh4======== */

div#main h4{
	font-size:83%;
	color:#000000;
	text-indent:12px;
	vertical-align:top;
	line-height:32px;
	font-weight:normal;
	background-image: url(../img/resach2.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}
div#tmain h4{
	font-size:83%;
	color:#FF3300;
	text-indent:12px;
	vertical-align:top;
	line-height:32px;
	font-weight:normal;
	background-image: url(../education/image/bg_h3.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	height: 32px;
	}
/* =====見出しh5======== */
div#main h5 {
	font-size:82%;
	border-bottom-style: none;
	color: #333333;
	margin-left: 5px;
	margin-bottom: 1em;
	background-image: url(../img/title_bg4.gif);
	text-indent: 25px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
/* =====段落p======== */
div#main p {
	font-size:82%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 5px;
	margin-bottom: 1em;
}
.text_p {
	font-size:74%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 5px;
}
.small_p {
	font-size:65%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 5px;
}

/* ========メインサブメニュー======== */
div#sub h2 {
	color:#333333;
	font-size:82%;
	background-color: #FF9933;
	background-image: url(../img/main_menu01.gif);
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: normal;
}
div#sub h2 a {
	color:#333333;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}
div#sub h2 a:hover {
	color:#FF3300;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}
/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
	font-size:75%;/* 12px相当 */
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#menu li a {
	display:block;
	width:170px;
	padding-left:10px;
	color:#333;
	line-height:2.5;
	background-color: #FFFFFF;
	background-image: url(../img/menu6.gif);
}

div#menu li a:hover {
	color:#FF0000;
	background-image: url(../img/menu7.gif);
}
/* ========会社案内サブメニュー======== */
div#cmenu ul {
   margin:0;
   padding:0;
}

div#cmenu li {
	font-size:82%;/* 13px相当 */
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#cmenu li a {
	display:block;
	width:170px;
	padding-left:10px;
	color:#333;
	line-height:2.5;
	background-color: #FFFFFF;
	background-image: url(../education/image/menu4.gif);
}

div#cmenu li a:hover {
	color:#FF6600;
	background-color: #FFFFCC;
	background-image: url(../education/image/menu5.gif);
}

div#csub {
	float:right;
	width:180px;
	margin-top: 32px;
}

div#csub h2 {
	color:#333333;
	font-size:82%;
	background-color: #FF9933;
	background-image: url(../education/image/company_menu01.gif);
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: normal;
}
div#csub h2 a {
	color:#333333;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}
div#csub h2 a:hover {
	color:#FF3300;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}

/* ========パートナーサブメニュー======== */
div#pmenu ul {
   margin:0;
   padding:0;
}

div#pmenu li {
	font-size:82%;/* 13px相当 */
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#pmenu li a {
	display:block;
	width:170px;
	padding-left:10px;
	color:#333;
	line-height:2.5;
	background-color: #FFFFFF;
	background-image: url(../education/image/menu2.gif);
}

div#pmenu li a:hover {
	color:#FF6600;
	background-color: #FFFFCC;
	background-image: url(../education/image/menu3.gif);
}

div#psub {
	float:right;
	width:180px;
	margin-top: 32px;
}

div#psub h2 {
	color:#333333;
	font-size:82%;
	background-color: #FF9933;
	background-image: url(../education/image/menu.gif);
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: normal;
}
div#psub h2 a {
	color:#333333;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}
div#psub h2 a:hover {
	color:#FF3300;
	font-size:82%;
	font-weight: normal;
	text-decoration: none;
}

/* ========フッター======== */
div#totop {
	text-align:right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

div#footerMenu {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	text-align: center;
}

div#footerMenu a {
	color:#3366CC;
}

div#footerMenu a:hover {
	color:#FF0000;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
}

div#footerMenu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

div#footerMenu li {
	display:inline;
	margin:0 0 0 10px;
	padding-left:8px;
	font-size:82%;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

address {
	color:#333;
	text-align:center;
	font-style:normal;
	font-size:70%;
	background-color: #F2F2F2;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0033;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.image_box {
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
}
.image_lift_box {
	margin:0;
	padding:0;
	list-style:none;
	float: left;
}
/*.p_box {
	list-style:none;
	margin-top: 8px;
	padding: 0;*/
}
.p_box2 {
	list-style:none;
	margin-top: 15px;
	padding: 0;
}

.p_right_box {
	list-style:none;
	padding: 0;
	float: right;
	text-align: left;
	width: 175px;
}
.p_right_box2 {
	list-style:none;
	padding: 0;
	float: right;
	text-align: left;
	width: 200px;
}
.p_indent_box{/* ========テキスト左スペース======== */
	width: 600px;
	padding-left: 15px;
  
}
div#option_box {
	width:615px;
	margin: 0;
	float: left;
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	width: 100%;
	height: auto;
	position: relative;
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	height: auto;
	width: 100%;
	position: relative;
}
#slide_image2 {
	z-Index:1;
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}

/*----フォーム-----------------------------------------------*/
div#wrapper {
    width: 98%;
	display: block;
	text-align: left;
	background-color: #FFF;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 1px #999;
	box-shadow: 0px 0px 10px #666;
}

div#wrapper div#header2 {
	margin: 5px;
	padding: 10px 30px;
	border-radius: 5px;
	background-color:#726250;
	border-color:#726250;
}
div#wrapper div#header3 {
	margin: 5px;
	padding: 10px 10px;
	border-radius: 5px;
	background-color: #dc143c;
}

div#wrapper div#header2 h2 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 1.5rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}

div#wrapper div#header3 h2 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 1.5rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}

div#wrapper div#header2 p {
	padding: 0px;
	line-height: 1em;
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
}

div#wrapper div#header3 p {
    padding: 0px;
    line-height: 1em;
    color: #FFF;
    text-shadow: 0px 0px 5px #000;
}

/*div#wrapper div#header2 h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 1.5rem;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-family: sans-serif;
}*/

div#wrapper div#header3 h2 {
    color: #FFF;
    text-shadow: 0px 0px 10px #000;
    font-size: 1.5rem;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-family: sans-serif;
}

div#wrapper div#header2 p {
	padding: 0px;
	line-height: 1em;
	color: #FFF;
	text-shadow: 0px 0px 5px #000;
}
div#wrapper div#container {
	padding: 10px 20px;
	max-width: 100%;
}
div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}

div#wrapper div#footer22 {
    color: #FFF;
    clear: both;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
}
div#wrapper div#footer22 {
	border: solid 2px #726250;
	background-color: #726250;
	background-size: 100% 100%;
}
div#wrapper div#footer33 {
    color: #FFF;
    clear: both;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
}
div#wrapper div#footer33 {
	border: solid 2px #dc143c;
	background-color: #dc143c;
	background-size: 100% 100%;
}

/*div#wrapper div#footer22 {
    color: #FFF;
    clear: both;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
	background-color: #726250;
}

div#wrapper div#footer33 {
	color: #FFF;
	clear: both;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	background-color: #dc143c;
}*/

/*div#wrapper div#footer33  {
	margin: 5px;
	padding: 10px 10px;
	border-radius: 5px;
	background-color: #dc143c;
}*/


.must {
	display: block;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 2px;
	font-size: 10px;
	color: #FFF;
	float: left;
	margin: 0px 6px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
	background-image: url(images/header.png);
	background-size: 100% 100%;
}

/*----------------------------------------------*/


div#quickorder {
	clear:both;
/*	width:825px;*/
	margin-top: 15px;
/*	margin-right: 10px;*/
	margin-bottom: 5px;
/*	margin-left: 10px;*/
}