@charset "shift_jis";

/******************************
*	フリースペース専用CSS
*		→FS2システム側にコピー必要なし
******************************/

@import url(global.css);
/* カレンダーCSS読み込み */
@import url(https://www.galiton.co.jp/ssl/cgi-bin/calendar/calendar.css);

/* 2010年10月リニューアル　ヘッダ・サイドナビ・フッタ用CSS */
@import url(201010_global.css);

body{
	color:#666;
	font-size: 12px;
	margin:0 !important;
	padding:0;
	background:url(https://www.galiton.co.jp/image/header-background.jpg) top repeat-x;
	text-align:center;
}

ul, li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
#header	a img{ border:none; }
#main #main-content-banner a img{ border:none; }

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/* ↓2012.10 変更 */
#container{
	margin:0 auto;
	padding:0;
	width:960px;
}

/* wrapper-setting */
#wrapper{
	width:100%;
	margin:0;
	padding:0;
}

/* グローバルナビ直下のバナー設定 */
.navi-under-banner{
	margin:0 auto;
	padding:0;
	width:960px;
	margin-bottom:10px;
}

/* ------------------------------------------------
    header-setting
------------------------------------------------- */
/* ↓2012.10 変更 */
#header {
	margin:0 auto;
	padding:0;
	width:960px;
	height: 155px;
	}
	
#header a:hover img{opacity:0.6; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; !important}

#header #siteTitle { margin-top:7px; font-size:12px;}

/* header-menubotan-setting */
#header #header-menu {
	margin:0;
	padding:0;
	}
	#header #header-menu p {
		float:left;
	}
	#header #header-menu li {
		margin:0 0 0 2px;
		float:right;
	}
/* header-submenu-setting */
#header #header-submenu {
	background:url(https://www.galiton.co.jp/image/header-message.jpg) no-repeat top right;
	margin-bottom:20px;
	}
	#header #header-submenu .logo {
		margin-top:10px;
		float:left;
	}
	#header #header-submenu li {
		margin:35px 0 0 2px;
		float:right;
	}

/* global-navigation-setting
------------------------------------ */
#header #global-navigation ul{
	width:960px;
	height: 20px;
}
#header #global-navigation li{
    float: left;
	list-style:none;
	line-height:0;
	}
#header #global-navigation li a{
	line-height:normal;
    display: block;
    overflow: hidden;
    height: 20px !important;
    background-image:url(https://www.galiton.co.jp/image/header-global-navigation.jpg);
}
/*off*/
#g-nav01 a{ background-position: 0px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav02 a{ background-position: -120px 0px;width: 119px; height:20px; overflow:hidden;}
#g-nav03 a{ background-position: -239px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav04 a{ background-position: -359px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav05 a{ background-position: -479px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav06 a{ background-position: -599px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav07 a{ background-position: -719px 0px;width: 120px; height:20px; overflow:hidden;}
#g-nav08 a{ background-position: -839px 0px;width: 120px; height:20px; overflow:hidden;}

/*on*/
#g-nav01 a:hover{ background-position: 0px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav02 a:hover{ background-position: -120px 20px;width: 119px; height:20px; overflow:hidden;}
#g-nav03 a:hover{ background-position: -239px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav04 a:hover{ background-position: -359px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav05 a:hover{ background-position: -479px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav06 a:hover{ background-position: -599px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav07 a:hover{ background-position: -719px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav08 a:hover{ background-position: -839px 20px;width: 120px; height:20px; overflow:hidden;}

/*stay*/
#g-nav01-stay a{ background-position: 0px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav02-stay a{ background-position: -120px 20px;width: 119px; height:20px; overflow:hidden;}
#g-nav03-stay a{ background-position: -239px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav04-stay a{ background-position: -359px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav05-stay a{ background-position: -479px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav06-stay a{ background-position: -599px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav07-stay a{ background-position: -719px 20px;width: 120px; height:20px; overflow:hidden;}
#g-nav08-stay a{ background-position: -839px 20px;width: 120px; height:20px; overflow:hidden;}

/* hide-text-setting */
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* ↑2012.10 変更 */


/* ------------------------------------------------
    sidebar-setting
------------------------------------------------- */

#sub1{
	width:194px; /* 2012.10 変更 */
	float:left;
}

#sub1Inner{
	text-align:left;
}

/* sns-setting 2012.10 */
#sub1-sns ul{
	margin:0;
	padding:0;
}
#sub1-sns li{
	margin-bottom:20px !important;
	margin:0;
}

/* ------------------------------------------------
    footer-setting
------------------------------------------------- */

#footer
{
	width: 960px;
	margin:20px auto;
}

#footer .footerCatList a
{
	text-decoration: none;
}

#footer .footerCatList a:hover
{
	text-decoration: underline;
}


#footer .footerCatList .box1
{
	float: left;
	width: 400px;	/*5列変更時用 */
	border-left: #CCC solid 1px;
}

#footer .footerCatList .box1a,
#footer .footerCatList .box1b,
#footer .footerCatList .box2,
#footer .footerCatList .box3,
#footer .footerCatList .box4
{
	float: left;
	width: 180px;	/*5列変更時用 */
	margin-left: 6px;
}

#footer .footerCatList .box1a ul.level2,
#footer .footerCatList .box1b ul.level2,
#footer .footerCatList .box2 ul.level2,
#footer .footerCatList .box3 ul.level2,
#footer .footerCatList .box4 ul.level2
{
	margin-bottom: 1em;
	border-left: #CCC solid 1px;
}

#footer .footerCatList .box1 .sepInnerBox
{
	float: left;
	width: 50%;
}

#footer .footerCatList .level1
{
	margin: 0;
	padding: 0.1em 0.5em;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	background-color: #CCC;
}

#footer .footerCatList .level1 a
{
	color: #FFF;
}

#footer .footerCatList .level2
{
	margin: 0;
	padding: 0 0.5em;
	line-height: 150%;
	text-align: left;
	font-weight: bold;
}

#footer .footerCatList .level3
{
	margin: 0;
	padding: 0 0 0 1em;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
}

#footer #footerInner
{
	width: 960px;
	margin-top: 1em;
}

#footer #footerInner .siteMenu
{
	clear: both;
	margin: 0 0 15px;
	padding: 0 0 10px;
	text-align: center;
	list-style: none;
	border-bottom: 2px solid #666;
}

#footer #footerInner .siteMenu a
{
	color: #666;
}

#footer #footerInner .siteMenu li
{
	display: inline;
	margin: 0;
	padding: 0 5px;
	color: #666;
	font-size: 10px;
	border-right: 1px solid #666;
}

#footer #footerInner .siteMenu li.begin
{
	border-left: 1px solid #666;
}

#footer #footerInner address
{
	color: #666;
	text-align: center;
	font-style: normal;
	line-height: 1.5em;
}

#footer #footerInner address a
{
	color: #666;
}

#footer #footerInner #copyright
{
	text-align: center;
	color: #666;
	font-size: 10px;
}

/* ------------------------------------------------
    main-setting
------------------------------------------------- */

#main{
	float:right;
	width:740px;
	margin:0 !important;
	padding:0 !important;
	text-align:left;
}

#main h3.topicsTitle{
	margin:0;
	font-size:14px;
	color:#FFF;
	text-indent:10px;
}
	#main h3.topicsTitle a{ color:#FFF; }

#main ul{
	-webkit-padding-start: 0 !important;
}

/* main-maincontent-setting */
#main #main-content-banner div{
	float:left;
}

/* main-content-category setting */
#main #main-content-category{
	margin:20px 0;
}
#main #main-content-category img{
	border:solid #666 1px;
}

#main #main-content-category ul{
	overflow: hidden;
	margin-left:-10px;
}
#main #main-content-category li{
	width:177px;
	float:left;
	padding-left:10px;
	text-align:left;
}

#main #main-content-category li:last-child{
	padding-right:0;
}


#main #main-content-category h2{
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 5px 0;
}
#main #main-content-category h2 a{
	text-decoration:none;
}
#main #main-content-category p{
	margin:0px;
	font-size:0.9em;
}

/***************************************
*	index-layout
***************************************/

#main h1.galitonLogo{ margin:0; }
#main h2.siteTitle{ margin:0; }
#main h2.categoryTitle{
    margin:0;
	font-size:14px;
}

#main .shippingNote{	/* 送料無料の注意書き */
	font-size:10px;
}


/* mobile QR code */
#main .mobileTitle{
	font-size:10pt;
	font-weight:bold;
}
#main .mobileTxt{
	font-size:10px;
}

/* カタログ引用注釈 */
#main .catalogCopyright{
	font-size:10px;
}

/* 注目 */
#main .pickupTxt{
	color:#F00;
	font-weight:bold;
}



/***************************************
*	other - その他共通class
***************************************/
.clear{
	clear:both;
}

/***************************************
*	sitemap - サイトマップページ用
***************************************/

#sitemap h2{
	background-color:#ccc;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px;
}
#sitemap p.level1{
	font-weight:bold;
	margin:0 10px;
}
#sitemap ul.level2{
	margin:7px 0;
}
#sitemap .level2 li{
	margin:2px 0;
}
#sitemap li.noPrefix{
	list-style:none;
}
#sitemap ul.level3{
	padding:0 5px;
	margin-bottom:2px;
}
#sitemap .level3 li{
	display:inline;
	margin-right:7px;
	font-size:10px;
}