@charset "utf-8";  

/*  

===========================================================  

     Top Page  

===========================================================  

*/ 

/* コンテンツ */
div#contents
	{
        width: 740px; 
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
        }

div#contents h3
	{
        clear: left;
        background-color: #fff;
	background-image: url(headline.jpg);
	background-repeat: no-repeat;
        border-bottom: solid 1px #000;
	font-size: 1.3em;
        font-weight: normal;
	line-height: 30px;
	padding-left: 35px;
	margin-top: 20px;
        margin-right: 40px;
	margin-bottom: 0;
        }

div#contents p
	{
        font-size: 1.0em;
	line-height: 1.6;
	margin-top: 10px;
        margin-right: 40px;
	margin-bottom: 0;
        }

div#contents p.newitem
 	{
        clear: left;
	margin-top: 0;
        padding-top: 10px;
        text-align: right;
        }

div#contents p.end
 	{
        clear: left;
	margin-bottom: 10px;
        }

div#contents p.kaiseki
 	{
        clear: left;
	margin-top: 0;
        padding-top: 10px;
        text-align: right;
        }

div#contents p.gototop
 	{
	margin-top: 50px;
        margin-bottom: 30px;
        text-align: right;
        }

/* メインコンテンツ */
div#main-contents 
	{
	width: 740px;
	margin: 0; 
	padding: 0;
	}

div#main-contents .itembox01
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 340px;
	height: 400px;
	background: url(stripe-black.gif) ;
	}

div#main-contents .itembox02
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 180px;
	height: 240px;
	background: url(stripe-black.gif);
	}

div#main-contents .itembox03
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 200px;
	height: 300px;
	background: url(stripe-black.gif);
	}

div#main-contents .itembox04
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 200px;
	height: 300px; 
	background: url(stripe-grey.gif);
        overflow: auto;
        scrollbar-base-color: #fff;
        scrollbar-face-color: #fff;
        scrollbar-arrow-color: #3ACFEF;
	}

div#main-contents .itembox05
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 280px;
	height: 280px;
	background: url(stripe-black.gif);
	}

div#main-contents .itembox06
	{
	display: inline-block;
	float: left;
	margin: 5px 5px 0px 0px;
	width: 50px;
	height: 220px;
	background: url(stripe-black.gif);
	}

div#main-contents .itembox01 .image
	{
	}

div#main-contents .itembox02 .image
	{
	}

div#main-contents .itembox03 .image
	{
	}

div#main-contents .itembox04 .image
	{
	}

div#main-contents .itembox05 .image
	{
	}

div#main-contents .itembox06 .image
	{
	}

div#main-contents .itembox01 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox02 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox03 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox04 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox05 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox06 .image img
	{
	vertical-align: bottom;
	}

div#main-contents .itembox01 .image h1
	{
        margin: 0;
        padding: 0;
        }

div#main-contents .itembox02 .image h2
	{
        margin: 0;
        padding: 0;
        }

div#main-contents .itembox01 .catchcopy
	{
	color: #fff; 
	font-size: 1.2em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-black.gif);
	}

div#main-contents .itembox02 .catchcopy
	{
	color: #fff; 
	font-size: 1.0em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-black.gif);
	}

div#main-contents .itembox03 .catchcopy
	{
	color: #fff; 
	font-size: 1.0em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-black.gif);
	}

div#main-contents .itembox04 .catchcopy
	{
	color: #000; 
	font-size: 0.95em;
        line-height: 1.7;
	padding: 7px 15px 20px 15px; 
	text-align: left; 
	background: url(stripe-grey.gif);
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
	}

div#main-contents .itembox05 .catchcopy
	{
	color: #fff; 
	font-size: 1.0em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-black.gif);
	}

/* セカンドコンテンツ */
div#second-contents 
	{
	width: 740px;
	margin: 0;
	padding: 0;
	}

div#second-contents .new
	{
	display: inline-block;
	float: left;
	margin: 10px 8px 0px 0px;
	width: 110px;
	height: 20px;
	}

div#second-contents .new .image
	{
	}

div#second-contents .new .image img
	{
	vertical-align: bottom;
	}

div#second-contents .itembox01
	{
	display: inline-block;
	float: left;
	margin: 0px 8px 0px 0px;
	width: 110px;
	height: 170px;
	background: url(stripe-red.gif);
	}

div#second-contents .itembox01 .image
	{	
        width: 110px;
        height: 110px;
        background-color: #fff;
	}

div#second-contents .itembox01 .image img
	{
	vertical-align: bottom;
	}

div#second-contents .itembox01 .catchcopy
	{
	color: #000; 
	font-size: 0.9em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-red.gif);
	}

div#second-contents a:hover img
        {
        opacity: 0.6;
        filter: alpha(opacity=60);
        -ms-filter:  "alpha(opacity=60)";
        }

/* サードコンテンツ */
div#third-contents 
	{
	width: 740px;
	margin: 0;
	padding: 0;
	}

div#third-contents .designerbox01
	{
	display: inline-block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 175px;
	height: 200px;
	background: url(stripe-red.gif);
	}

div#third-contents .designerbox01 .image
	{
	}

div#third-contents .designerbox01 .image img
	{
	vertical-align: bottom;
	}

div#third-contents .designerbox01 .catchcopy
	{
	color: #000; 
	font-size: 0.9em;
        line-height: 1.4;
	padding: 3px 7px 3px 7px; 
	text-align: left; 
	background: url(stripe-red.gif);
	}