/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	color:#000055;		/*文字色*/
	font-family: メイリオ;
} 
body {
	background-color: #fff8dc;	/*ページ全体の背景画像*/
	background-repeat: repeat;	/*背景画像の繰り返し方法を指定*/
	overflow-x : hidden ;		/*横スクロールバー非表示*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
	line-height: 1.5em;	/*全要素の行の高さを1.5倍にする*/
	font-size: 14px;
	font-weight: normal;
	font-family: メイリオ;
}

/* タブレットだけに適用するCSS (376〜960px) */
@media only screen and (min-width:376px) and (max-width:960px)
{
	/* ボディ */
	body
	{
		font-size: 12px ;	/* 文字サイズ */
	}
}

/* スマホだけに適用するCSS (0〜375px) */
@media screen and (max-width:375px)
{
	/* ボディ */
	body
	{
		font-size: 12px ;	/* 文字サイズ */
	}
}

div#pagebody {
	width: 1120px;
	margin:0 auto;	/*内容全体をセンタリング*/
	background-color: #ffffff;
	text-align: left;
}

a:link { color: #ff6600; }
a:visited { color: #000066; }
a:hover {/*マウスをのせたとき*/
    color:#000066;
}

/* タブレットだけに適用するCSS (376〜960px) */
@media only screen and (min-width:376px) and (max-width:960px)
{
div#pagebody {
	width: 960px;
}
}

/* スマホだけに適用するCSS (0〜375px) */
@media screen and (max-width:375px)
{
div#pagebody {
	width: 375px;
}
}


/*============================================
スライド（skipper）設定
============================================*/
#slider {
	width: 1116px;
	height:	520px;
	margin: 65px 0 0 2px;
}


/*============================================
ヘッダ
============================================*/
div#header {
	margin:0 auto;	/*内容全体をセンタリング*/
	background-color: #ffffff;	/*ページ全体の背景画像*/
}

.header-under {
	width: 1120px;
	height:	40px;
	background-image: url("http://cuore-day.com/cuore-web/image/header-line.png");	/*フラッグ画像*/
	background-repeat: repeat;	/*背景画像の繰り返し方法を指定*/
}

/* タブレットだけに適用するCSS (376〜960px) */
@media only screen and (min-width:376px) and (max-width:960px)
{
div#header {
	margin:0;
}

.header-under {
	width: 960px;
	height:	40px;
	background-image: url("http://cuore-day.com/cuore-web/image/header-line.png");	/*フラッグ画像*/
	background-repeat: repeat;	/*背景画像の繰り返し方法を指定*/
}

}

/* スマホだけに適用するCSS (0〜375px) */
@media screen and (max-width:375px)
{
div#header {
	margin:0;
}

.header-under {
	width: 375px;
	height:	40px;
	background-image: url("http://cuore-day.com/cuore-web/image/header-line.png");	/*フラッグ画像*/
	background-repeat: repeat;	/*背景画像の繰り返し方法を指定*/
}

}


h1 {
	margin: 0 0 0 10px;
	font-size: 10px;
	font-weight: normal;
} 

h2 {
	width: 530px;
	margin: 0 20px 0 25px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
} 

/*============================================
グローバルメニュー
============================================*/
div#menu {
    margin: 0;
    width: 1120px;
	position: absolute;
    top: 205px;
}

div#menu ul{
  margin:0;
  padding:0;
}
div#menu ul li {
  list-style: none;
  margin:0;
  padding:0 2px 0 2px;
  font-size:14px;
  float: left;
  position: relative;
  width: 220px;/*親メニューの幅*/
  height: 60px;/*親メニューの高さ*/
  line-height: 50px;
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
div#menu ul li a {
  color: #000099;
  display: block;
  text-decoration: none;
}

div#menu ul li a:hover {
opacity: 0.3; /* 透過レベル */
}

div#menu ul li:hover, div#menu ul li a:hover {
  color:#000099;/*ホバー時の親メニューの文字色*/
}
div#menu ul li ul {
  position: absolute;
  top: 61px;/*親メニューの高さと同じにする*/
  width: 150px;
  z-index: 100;
}
div#menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 216px;/*サブメニューの幅*/
  height: 0;
  background:#FDEE77;/*サブメニューの背景色*/
}
div#menu ul li ul li:hover, div#menu ul li ul li a:hover {
  background:#ffffcc;/*ホバー時のサブメニューの背景色*/
}
div#menu ul li:hover ul li, div#menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:52px;/*サブメニューの高さ*/
  z-index: 10;
}
div#menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/*============================================
メインカラム-トップページ
============================================*/
div#mainbody {
	width: 1060px;
	margin: 0 auto;	/*内容全体をセンタリング*/
	background-color: #ffffff;
}

div#main {
	width: 1000px;
	margin: 0 auto;	/*内容全体をセンタリング*/
}

.main-text {
	font-size: 26px;
	line-height: 1.5em;	/*全要素の行の高さを1.5倍にする*/
	margin: 100px 120px 0 120px;
}

.update {
	margin: 20px 0 0 0;
	padding: 5px 2px 0 0;
	font-size: 12px;
	color:#666666;		/*文字色*/
	text-align:right;
}


/*============================================
メインカラム-会社概要ページ
============================================*/

h3 {
	height: 40px;
	padding: 0 0 0 7px;
	margin: 100px 0 0 0;
	font-size: 24px;
	color:#000099;		/*文字色*/
	background-image: url("../image/h3-line.png");
} 

h4 {
	width: 540px;
	margin: 30px 0 0 10px;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: normal;
	float:left;
} 

.company1 {
	width: 800px;
	margin: 30px 0 0 10px;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: normal;
} 

.comp1 {
	width:400px;
	margin: 30px 10px 50px 30px;
	font-size: 12px;
	text-align:right;
	float:left;
}

.clear {
	clear:both;　/*floatの解除*/
	margin: 0;
}

.info1 {
	width: 1000px;
	margin: 20px 0 0 0;
}

.info2 {
	width: 250px;
	float:left;
}

.info3 {
	width: 230px;
	float:left;
}


.kids-supo1 {
	width: 1000px;
	margin: 20px 0 0 20px;
}

.kids-text1 {
	width: 930px;
	margin: 0 20px 0 20px;
}



/*============================================
フッタ
============================================*/
div#footer {
	width: 1120px;
	height: 450px;
	margin:0 auto;	/*内容全体をセンタリング*/
	font-size: 12px;
	line-height: 1.5em;	/*全要素の行の高さを1.5倍にする*/
}

.footer-top {
padding: 20px 0 0 0;
	background-color: #ffffff;
}

.footer-in {
	background-image: url("../image/footer-bg.png");	/*ページ全体の背景画像*/
padding: 20px 0 0 0;
}


.footer2 {
	float:left;
padding: 0 0 0 15px;
	line-height: 1.7em;	/*全要素の行の高さを1.7倍にする*/
} 

.footer3 {
	float:right;
padding: 0 20px 0 0;
} 

.copy {
	clear:both;
	font-size: 10px;
	padding: 20px 0 0 0;
	color:#ff3366;		/*文字色*/
	text-align:center;
}






/*============================================
各色・フォントサイズ等設定
============================================*/

.normal {
	font-weight: normal;
} 

.red {
	color:#ff0000;
} 

.red2 {
	color:#000099;
} 

.blue {
	color:#CC3300;
} 

.green {
	color:#009900;
} 

.green2 {
	color:#336600;
} 

.orengi {
	color:#FF9900;
} 

.orengi2 {
	color:#FF6600;
} 

.pink {
	color:#FF9999;
} 

.pink2 {
	color:#FF6666;
} 

.brown {
	color:#993300;
} 

.gray {
	color:#666666;
} 

.white {
	color:#ffffff;
} 

.p-red1 {
	color:#ff8989;
} 

.p-orange1 {
	color:#FD9744;
} 

.darkblue {
	color:#000099;
} 



.font-8 {
	font-size: 8px;
} 

.font-10 {
	font-size: 10px;
} 

.font-12 {
	font-size: 12px;
} 

.font-14 {
	font-size: 14px;
} 

.font-16 {
	font-size: 16px;
} 

.font-18 {
	font-size: 18px;
} 

.font-20 {
	font-size: 20px;
} 

.font-28 {
	font-size: 28px;
} 

.font-50 {
	font-size: 50px;
} 

.nomal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.line-h-15 {
	line-height: 1.5em;
}

.uline {
	text-decoration: underline;
}

.right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.brown2 {
	color:#CC9966;
} 

.pink3 {
	color:#fa8072;
}