@charset "utf-8";

/*レイアウト
----------------------------------------------------------------------------*/

#header p {
	clear:both;}

#content {
	background:#ffffff /*url(../images/content-back.jpg) no-repeat left top*/;
	width:525px;
	padding-left:15px;}


/*見出し
----------------------------------------------------------------------------*/

h1 {
	float:left;
	padding-left:30px;}

h2 {
	margin-bottom:5px;}

/*コンテンツ
----------------------------------------------------------------------------*/

.main-img {
	margin:0 auto;
	padding-top:10px;}


/*what's new*/

.whatsnew {
	margin-top:11px;}

.whatnew-list {
	width:500px;
	margin-left:5px;
	margin-bottom:15px;}

.whatnew-list dt {
	float:left;
	width:67px;
	padding:5px 0 5px 13px;
	background:url(../images/arrow-01.gif) no-repeat left 9px;
	clear:both;}

.whatnew-list dd {
	margin-left:80px;
	padding:5px 0 5px 10px;
	border-left:1px solid #999;}


/*ごあいさつ*/

.greetingbox {
	width:510px;
	margin-bottom:20px;
	zoom:100%}

.greetingbox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;}

.ayumi {
	float:left;
	padding-left:5px;}

.greeting-text {
	float:right;
	width:379px;}

/*コンテンツバナー*/

.contents-bn {
	clear:both;
	margin-bottom:15px;}

.contents-bn li {
	margin-bottom:10px;}
	

/*サイド
----------------------------------------------------------------------------*/

#side ul {
	background:url(../images/bn-back.png) no-repeat 0 0;
	padding-top:10px;
	padding-left:15px;}

#side p {
	margin-top:10px;
	margin-left:20px;}


         ul, li { margin:0; padding:0; list-style:none; }
         /* 例1〜3 */
         #sliderContent, #slider1Content, #slider2Content {
            width:320px;
            position:absolute;
            top:0;
            margin-left:0;
         }
         .sliderImage, .slider1Image, .slider2Image {
            float:left;
            position:relative;
            display:none;
         }
         /* 例1 */
         #slider { 
            width:320px; /* 画像の幅 */
            height:240px; /* 画像の高さ */
            position:relative;
            overflow:hidden;
         }
         .sliderImage span {
            position:absolute;
            font:10px/15px Arial, Helvetica, sans-serif;
            padding:10px;
            width:300px; /* 画像の幅 - 左右内余白 320-(10*2) */
            background-color:#000;
            filter:alpha(opacity=70);
            -moz-opacity:0.7;
            -khtml-opacity:0.7;
            opacity:0.7;
            color:#fff;
            display:none;
         }
         /* 例2〜3 */
         #slider1, #slider2 {
            width:320px; /* 画像の幅 */
            height:240px; /* 画像の高さ */
            position:relative;
            overflow:hidden;
         }
         .slider1Image span, .slider2Image span {
            position:absolute;
            font:10px/15px Arial, Helvetica, sans-serif;
            padding:10px;
            width:300px; /* 画像の幅 - 左右内余白 320-(10*2) */
            background-color:#000;
            filter:alpha(opacity=70);
            -moz-opacity:0.7;
            -khtml-opacity:0.7;
            opacity:0.7;
            color:#fff;
            display:none;
         }
         .clear { clear:both; }
         .sliderImage span strong, .slider1Image span strong, .slider2Image span strong { font-size:14px; }
         .top { top:0; left:0; }
         .bottom { bottom:0; left:0; }
         .left { top:0; left:0; width:110px !important; height:220px; }
         .right { right:0; bottom:5px; width:90px !important; height:220px; }