@charset "Shift_JIS";
/* CSS Document */

html,body{ width:100%; height:100%; margin:0; padding:0; }

p { margin:0; padding:0; }
.clear { clear:both; margin:0; padding:0; }
.onetime-clear { clear:both; margin:0; padding:0; }

img { -ms-interpolation-mode: bicubic; }

/* for SmartPhone */
@media screen and (max-width: 767px) {
	
	
	
	/***** HEADER *****/
	
	#header-A {
		width:100%;
		height:auto;
		min-height:74px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#FFFFFF;
		background-image:url(../image/pc_header_bg_1.gif);
		background-position:0px bottom;
		background-repeat:repeat-x;
		
		
	}
	
	#header-A .all {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#header-A .all .top { margin:0px 0px 0px 0px; float:right; }
	#header-A .all .top .text { display:none; }
	#header-A .all .top .contact { display:none; }
	#header-A .all .top .sitemap { display:none; }
	#header-A .all .top .english { display:none; }
	#header-A .all .top .segasammy { margin:5px 5px 0px 0px; float:left; }
	#header-A .all .top .segasammy img { width:64px; height:14px; }
	
	#header-A .all .bottom { width:100%; height:0px; clear:both; }
	#header-A .all .bottom .tmslogo { margin:0px 0px 0px 5px; padding:0; float:left; width:84px; height:44px; display:block; }
	#header-A .all .bottom .tmslogo img { width:84px; height:44px; }
	#header-A .all .bottom .menu-box { display:none; }
	
	#header-A .all .bottom .menu-box-phone { margin:6px 10px 0px 0px; padding:0; float:right; }
	#header-A .all .bottom .menu-box-phone ul { margin:0; padding:0; }
	#header-A .all .bottom .menu-box-phone li { margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; float:left; list-style:none; }
	#header-A .all .bottom .menu-box-phone li img { width:39px; height:39px; }
	
	#header-B { display:none; clear:both; }
	
	
	#search-phone { width:100%; min-width:320px; height:58px; background-image:url(../image/background_1.gif); position:relative; overflow:hidden; zoom:1;  border-style:solid; border-width:0px 0px 1px 0px; }
	#search-phone .box { width:96%; margin-left:auto; margin-right:auto; margin-top:10px; }
	#search-phone .box .left { width:4px; height:36px; background-image:url(../image/phone_search_1_left.png); float:left; }
	#search-phone .box .right { width:4px; height:36px; background-image:url(../image/phone_search_1_right.png); float:left; }
	#search-phone .box .center { width:82%; height:36px; background-image:url(../image/phone_search_1_bg.png); float:left; }
	#search-phone .box .button {
		background-color:#FFF;
	-webkit-background-size:37px 36px;
 background-size:37px 36px;
 border:none;
	width:37px; height:36px; margin-left:6px; background-image:url(../image/phone_search_1_btn.png); float:right;}
	#search-phone .box .button a { display:block; width:37px; height:36px; }
	#search-phone .box .input { width:100%; height:32px; vertical-align:middle; padding:0; margin-top:2px; border:none; background:none; -webkit-appearance:none; outline:none; padding:10px 0px 0px 0px\9; /* IE8 and below */}



	/***** FOOTER *****/
	
	#page-top {
		width:100%;
		min-width:320px;
		height:31px;
		margin:0px 0px 0px 0px;
		padding:0;
		border-top:1px solid #EEE;
		clear:both;
		background-image:url(../image/phone_footer_pagetop_bg.gif);
		background-repeat:repeat-x;
	}
	#page-top a {
		display:block;
		width:100%;
		min-width:320px;
		height:31px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../image/phone_footer_pagetop_icon.gif);
		background-repeat:no-repeat;
		background-position:50% 4px;
	}
	
	#phone-footer-A {
		width:100%;
		min-width:320px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-image:url(../image/pc_footer_bg.gif);
	}
	#phone-footer-A .all-A { width:96%; margin-left:auto; margin-right:auto; border-bottom:1px solid #D6E9F0; overflow:hidden; position:relative; zoom:1; }
	#phone-footer-A .all-A .topline { width:100%; height:10px; border-bottom:1px solid #75A4D8; }
	#phone-footer-A .all-A ul { margin:0; padding:0; }
	#phone-footer-A .all-A li { float:left;
		list-style:none;
		width:100%;
		border-top:1px solid #D6E9F0;
		border-bottom:1px solid #75A4D8;
		background-image:url(../image/phone_arrow_3.png); background-repeat:no-repeat; background-position:97% 50%;
		}
	#phone-footer-A .all-A li a { display:block; padding:10px 0px 10px 13px; font-weight:bold; }
	
	#phone-footer-A .all-B { width:96%; margin-left:auto; margin-right:auto; padding:10px 0px 16px 0px; }
	#phone-footer-A .all-B ul { margin:0; padding:0; }
	#phone-footer-A .all-B li {
		padding:0px 0px 0px 0px;
		list-style:none;
		width:100%;
		background-image:url(../image/phone_arrow_4.png); background-repeat:no-repeat; background-position:14px 50%;
	}
	#phone-footer-A .all-B li a { display:block; padding:6px 0px 6px 28px; }
		
	#phone-footer-A a:link { color:#646464; text-decoration:none; }
	#phone-footer-A a:visited { color:#646464; text-decoration:none; }
	#phone-footer-A a:active { color:#646464; text-decoration:none; }
	#phone-footer-A a:hover { color:#004EA1; text-decoration:none; }
	
	#phone-footer-A .logo { width:100%; min-width:320px; border-bottom:1px solid #FFF; }
	#phone-footer-A .logo img { margin:0px 0px 6px 10px; }
	
	#phone-footer-A .copyright { width:100%; min-width:320px; background-color:#014FA2;  color:#FFF;}
	#phone-footer-A .copyright p { padding:10px 10px 10px 10px; }
	
	
	#pc-footer-A { display:none; }
	
	#pc-footer-B { display:none; }
	
}



/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 949px) {
	
	
	/***** HEADER *****/
	
	#header-A {
		width:100%;
		min-width:788px;
		height:auto;
		min-height:85px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#FFFFFF;
		background-image:url(../image/pc_header_bg_1.gif);
		background-position:0px bottom;
		background-repeat:repeat-x;
		
		
	}
	
	#header-A .all {
		width:788px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#header-A .all .top { margin:0px 10px 0px 0px; float:right; }
	#header-A .all .top .text { display:none; }
	#header-A .all .top .contact { margin:6px 0px 0px 0px; height:18px; border-left:solid #E0E0E0 1px; float:left; }
	#header-A .all .top .contact img { margin:3px 8px 0px 8px; }
	#header-A .all .top .sitemap { margin:6px 0px 0px 0px; height:18px; border-left:solid #E0E0E0 1px; float:left; }
	#header-A .all .top .sitemap img { margin:3px 8px 0px 8px; }
	#header-A .all .top .english { margin:1px 6px 0px 0px; float:left; }
	#header-A .all .top .segasammy {
		margin:1px 0px 0px 0px; 
		float:left;
		background-image:url(../image/pc_segasammy_logo.gif);
		width:93px;
		height:29px;
	}
	#header-A .all .top .segasammy a { display:block; widht:93px; height:29px; }
	#header-A .all .top .segasammy img { display:none; }
	
	#header-A .all .bottom { width:788px; height:51px; clear:both; }
	#header-A .all .bottom .tmslogo { margin:0px 0px 0px 10px; padding:0; float:left; width:254px; height:42px; display:block; background:url(../image/pc_header_tms_logo.gif);}
	#header-A .all .bottom .tmslogo a { display:block; width:254px; height:42px; }
	#header-A .all .bottom .tmslogo img { display:none; }
	#header-A .all .bottom .menu-box { margin:25px 10px 0px 0px; padding:0; float:right; }
	#header-A .all .bottom .menu-box ul { margin:0; padding:0; }
	#header-A .all .bottom .menu-box li { margin:0px 0px 0px 26px; padding:0px 0px 0px 0px; float:left; list-style:none; }
	#header-A .all .bottom .menu-box .active { border-style:solid; border-color:#DE0087; border-width:0px 0px 4px 0px; height:26px; }
	
	#header-A .all .bottom .menu-box-phone { display:none; }
	
	#header-B {
		width:100%;
		min-width:788px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-style:solid;
		border-color:#C0C0C0;
		border-width:0px 0px 1px 0px;
		background:url(../image/background_1.gif);
		clear:both;
		overflow:hidden;
		zoom:1;
	}
	
	#header-B .all { }
	
	#header-B .all .menu-box {
		width:100%;
		min-width:788px;
		overflow:hidden;
		zoom:1;
		border-style:solid;
		border-color:#C0C0C0;
		border-width:0px 0px 1px 0px;
	}
	#header-B .all .menu-inner {
		padding:0px 0px 0px 0px;
		width:738px;
		margin-left:auto;
		margin-right:auto;
	}
	#header-B .all .menu-A { margin:0px 0px 0px 0px; float:left; }
	#header-B .all .menu-B { margin:0px 0px 0px 30px; float:left; }
	
	#header-B .all .search-box { padding:6px 0px 6px 0px; height:auto; margin-left:auto; margin-right:auto; clear:both; overflow:hidden; zoom:1; }
	#header-B .all .search-box .inner { width:720px; margin-left:auto; margin-right:auto; }
	#header-B .all .search-box .left { width:3px; height:33px; display:block; background:url(../image/pc_search_1_left.png); float:left; }
	#header-B .all .search-box .center { width:666px; height:33px; display:block; background:url(../image/pc_search_1_bg.png); float:left; }
	#header-B .all .search-box .right { width:3px; height:33px; display:block; background:url(../image/pc_search_1_right.png); float:left; }
	#header-B .all .search-box .button { width:32px; height:33px; margin:0px 0px 0px 12px; display:block; background:url(../image/pc_search_1_btn.png); float:left; }
	#header-B .all .search-box .button:hover { opacity:1; }
	#header-B .all .search-box .button a { width:32px; height:33px; display:block; }
	#header-B .all .search-box .input { height:auto; width:660px; border:none; margin:8px 0px 0px 3px; padding:0; background:none; -webkit-appearance:none; outline:none; }
	

	#search-phone { display:none; }

	/***** FOOTER *****/
	
	#page-top {
		width:100%;
		min-width:788px;
		height:34px;
		margin:0px 0px 0px 0px;
		padding:0;
		clear:both;
		background-image:url(../image/pc_footer_pagetop_bg.gif);
		background-repeat:repeat-x;
	}
	#page-top a {
		display:block;
		width:100%;
		min-width:788px;
		height:34px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../image/pc_footer_pagetop_icon.gif);
		background-repeat:no-repeat;
		background-position:50% 7px;
	}
	
	#pc-footer-A {
		width:100%;
		min-width:788px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#FFFFFF;
		background-image:url(../image/pc_footer_bg.gif);
	}
	
	#pc-footer-A .all {
		width:788px;
		margin-left:auto;
		margin-right:auto;
		padding:20px 0px 20px 0px;
	}
	
	#pc-footer-A .all .company {
		width:100px;
		height:144px;
		background-image:url(../image/pc_footer_line_1.gif);
		background-repeat:repeat-y;
		background-position:right;
		padding:4px 0px 18px 0px;
		margin:0px 0px 0px 10px;
		float:left;
		}
	#pc-footer-A .all .company .logo { margin:0px 0px 0px 1px; }
	#pc-footer-A .all .company .text { display:none; }
	
	#pc-footer-A .all .menu-box { margin:16px 0px 0px 10px; float:left; }
	#pc-footer-A .all .menu-box .plus-padding-1 { padding:0px 10px 0px 0px; }
	#pc-footer-A .all .menu-box .adjust-margin-1 { margin:0px 0px 12px 0px; }
	#pc-footer-A .all .menu-box .title {
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 18px;
		color:#004EA2;
		font-weight:bold;
		background-image:url(../image/pc_arrow_3.gif);
		background-repeat:no-repeat;
		background-position:0px 50%;
		line-height:130%;	
	}
	
	#pc-footer-A .all .menu-box ul { margin:0; padding:0; }
	#pc-footer-A .all .menu-box li {
		margin:0px 14px 7px 0px;
		padding:0px 0px 0px 18px;
		list-style:none;
		background-image:url(../image/pc_arrow_4.gif);
		background-repeat:no-repeat;
		background-position:1px 50%;
	}
	#pc-footer-A .all .menu-box li a:link { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:visited { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:active { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:hover { color:#E3057E; text-decoration:underline; }
	
	
	#pc-footer-B {
		width:100%;
		min-width:788px;
		height:auto;
		background-color:#004EA2;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:1px 0px 0px 0px;
		clear:both;
	}
	
	#pc-footer-B .all {
		width:788px;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 12px 0px;
		color:#FFFFFF;
		line-height:130%;
	}
	
	#pc-footer-B .all ul {
		margin:0px 0px 0px 10px;
		*margin:0px 0px 7px 10px; /* IE7,8　に対応 */
		_margin:0px 0px 7px 10px; /* IE6　に対応 */
		padding:10px 0px 0px 0px;
		*padding:10px 0px 0px 0px; /* IE7,8　に対応 */
		_padding:10px 0px 0px 0px; /* IE6　に対応 */
	}
	#pc-footer-B .all li { padding:0px 12px 0px 12px; border-style:solid; border-color:#FFF; border-width:0px 1px 0px 0px; float:left; list-style:none; }
	#pc-footer-B .all li a:link { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:visited { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:active { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:hover { color:#BBBBBB; text-decoration:underline; }
	
	#pc-footer-B .all .copyright {
		padding:7px 0px 0px 10px;
		*padding:0px 0px 0px 10px; /* IE7,8　に対応 */
		_padding:0px 0px 0px 10px; /* IE6　に対応 */
		clear:both;
	}
	
	#phone-footer-A { display:none; }
}



/* for PC */
@media screen and (min-width: 950px) {
	
	
	/***** HEADER *****/
	
	#header-A {
		width:100%;
		min-width:950px;
		height:auto;
		min-height:85px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#FFFFFF;
		background-image:url(../image/pc_header_bg_1.gif);
		background-position:0px bottom;
		background-repeat:repeat-x;
		
		
	}
	
	#header-A .all {
		width:950px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#header-A .all .top { margin:0px 0px 0px 0px; float:right; }
	#header-A .all .top .text { margin:6px 6px 0px 0px; line-height:130%; color:#C8C8C8; float:left; }
	#header-A .all .top .contact { margin:6px 0px 0px 0px; height:18px; border-left:solid #E0E0E0 1px; float:left; }
	#header-A .all .top .contact img { margin:3px 8px 0px 8px; }
	#header-A .all .top .sitemap { margin:6px 0px 0px 0px; height:18px; border-left:solid #E0E0E0 1px; float:left; }
	#header-A .all .top .sitemap img { margin:3px 8px 0px 8px; }
	#header-A .all .top .english { margin:1px 6px 0px 0px; float:left; }
	#header-A .all .top .segasammy {
		margin:1px 0px 0px 0px; 
		float:left;
		background-image:url(../image/pc_segasammy_logo.gif);
		width:93px;
		height:29px;
	}
	#header-A .all .top .segasammy a { display:block; widht:93px; height:29px; }
	#header-A .all .top .segasammy img { display:none; }
	
	#header-A .all .bottom { width:950px; height:51px; clear:both; }
	#header-A .all .bottom .tmslogo { margin:0; padding:0; float:left; width:254px; height:42px; display:block; background:url(../image/pc_header_tms_logo.gif);}
	#header-A .all .bottom .tmslogo a { display:block; width:254px; height:42px; }
	#header-A .all .bottom .tmslogo img { display:none; }
	#header-A .all .bottom .menu-box { margin:25px 0px 0px 0px; padding:0; float:right; }
	#header-A .all .bottom .menu-box ul { margin:0; padding:0; }
	#header-A .all .bottom .menu-box li { margin:0px 0px 0px 26px; padding:0px 0px 0px 0px; float:left; list-style:none; }
	#header-A .all .bottom .menu-box .active { border-style:solid; border-color:#DE0087; border-width:0px 0px 4px 0px; height:26px; }
	
	#header-A .all .bottom .menu-box-phone { display:none; }
	
	#header-B {
		width:100%;
		min-width:950px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border-style:solid;
		border-color:#C0C0C0;
		border-width:0px 0px 1px 0px;
		background:url(../image/background_1.gif);
		clear:both;
		overflow:hidden;
		zoom:1;
	}
	
	#header-B .all {
		width:950px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		
	}
	
	#header-B .all .menu-box { padding:0px 0px 0px 26px; float:left;}
	#header-B .all .menu-inner { float:left;}
	#header-B .all .menu-A { margin:0px 0px 0px 0px; float:left; }
	#header-B .all .menu-B { margin:0px 0px 0px 13px; float:left; }
	
	#header-B .all .search-box { margin:5px 0px 0px 16px; width:217px; float:left; }
	#header-B .all .search-box .inner{ float:left; }
	#header-B .all .search-box .left { width:3px; height:33px; display:block; background:url(../image/pc_search_1_left.png); float:left; }
	#header-B .all .search-box .center { width:176px; height:33px; display:block; background:url(../image/pc_search_1_bg.png); float:left; }
	#header-B .all .search-box .right { width:3px; height:33px; display:block; background:url(../image/pc_search_1_right.png); float:left; }
	#header-B .all .search-box .button { width:32px; height:33px; margin:0px 0px 0px 3px; display:block; background:url(../image/pc_search_1_btn.png); float:left; }
	#header-B .all .search-box .button:hover { opacity:1; }
	#header-B .all .search-box .button a { width:32px; height:33px; display:block; }
	#header-B .all .search-box .input { height:auto; width:170px; border:none; margin:8px 0px 0px 3px; padding:0; background:none; -webkit-appearance:none; outline:none; }

	#search-phone { display:none; }

	/***** FOOTER *****/
	
	#page-top {
		width:100%;
		min-width:950px;
		height:34px;
		margin:0px 0px 0px 0px;
		padding:0;
		clear:both;
		background-image:url(../image/pc_footer_pagetop_bg.gif);
		background-repeat:repeat-x;
	}
	#page-top a {
		display:block;
		width:100%;
		min-width:950px;
		height:34px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../image/pc_footer_pagetop_icon.gif);
		background-repeat:no-repeat;
		background-position:50% 7px;
	}
	
	#pc-footer-A {
		width:100%;
		min-width:950px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#FFFFFF;
		background-image:url(../image/pc_footer_bg.gif);
	}
	
	#pc-footer-A .all {
		width:950px;
		margin-left:auto;
		margin-right:auto;
		padding:20px 0px 20px 0px;
	}
	
	#pc-footer-A .all .company {
		width:200px;
		background-image:url(../image/pc_footer_line_1.gif);
		background-repeat:repeat-y;
		background-position:right;
		padding:4px 0px 18px 0px;
		float:left;
		}
	#pc-footer-A .all .company .logo { margin:0px 0px 0px 1px; }
	#pc-footer-A .all .company .text { margin:12px 12px 0px 0px; color:#004EA2; line-height:150%; }
	
	#pc-footer-A .all .menu-box { margin:16px 0px 0px 27px; float:left; }
	#pc-footer-A .all .menu-box .plus-padding-1 { padding:0px 10px 0px 0px; }
	#pc-footer-A .all .menu-box .adjust-margin-1 { margin:0px 0px 12px 0px; }
	#pc-footer-A .all .menu-box .title {
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 18px;
		color:#004EA2;
		font-weight:bold;
		background-image:url(../image/pc_arrow_3.gif);
		background-repeat:no-repeat;
		background-position:0px 50%;
		line-height:130%;	
	}
	
	#pc-footer-A .all .menu-box ul { margin:0; padding:0; }
	#pc-footer-A .all .menu-box li {
		margin:0px 14px 7px 0px;
		padding:0px 0px 0px 18px;
		list-style:none;
		background-image:url(../image/pc_arrow_4.gif);
		background-repeat:no-repeat;
		background-position:1px 50%;
	}
	#pc-footer-A .all .menu-box li a:link { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:visited { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:active { color:#1A61AC; text-decoration:none; }
	#pc-footer-A .all .menu-box li a:hover { color:#E3057E; text-decoration:underline; }
	
	
	#pc-footer-B {
		width:100%;
		min-width:950px;
		height:auto;
		background-color:#004EA2;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:1px 0px 0px 0px;
		clear:both;
	}
	
	#pc-footer-B .all {
		width:950px;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 12px 0px;
		color:#FFFFFF;
		line-height:130%;
	}
	
	#pc-footer-B .all ul {
		margin:0px 0px 0px 0px;
		*margin:0px 0px 7px 0px; /* IE7,8　に対応 */
		_margin:0px 0px 7px 0px; /* IE6　に対応 */
		padding:10px 0px 0px 0px;
		*padding:10px 0px 0px 0px; /* IE7,8　に対応 */
		_padding:10px 0px 0px 0px; /* IE6　に対応 */
	}
	#pc-footer-B .all li { padding:0px 12px 0px 12px; border-style:solid; border-color:#FFF; border-width:0px 1px 0px 0px; float:left; list-style:none; }
	#pc-footer-B .all li a:link { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:visited { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:active { color:#FFFFFF; text-decoration:none; }
	#pc-footer-B .all li a:hover { color:#BBBBBB; text-decoration:underline; }
	
	#pc-footer-B .all .copyright {
		padding:7px 0px 0px 0px;
		*padding:0px 0px 0px 0px; /* IE7,8　に対応 */
		_padding:0px 0px 0px 0px; /* IE6　に対応 */
		clear:both;
	}
	
	#phone-footer-A { display:none; }

}