@charset "UTF-8";

/* ================================================================================== */
/*      全般設定、共通項目                                                            */  
/* ================================================================================== */

*{
 margin: 0;
 padding: 0;
}

html{
 margin-bottom:1px;
 height:100%;
}

a img{
 border-style:none;
}

body{
 background-color: #f9f6ef;
 font-size: 80%;
 font-family:
	'メイリオ',
	'Meiryo',
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	'Osaka',
	'ＭＳ Ｐゴシック',
	sans-serif;
}

/* ↓IE中央寄せバグ対策↓ ------------------------------------------------------- */
div#container{
 text-align: center;
}
/* ↑IE中央寄せバグ対策↑ ------------------------------------------------------- */

div.contens{
 width: 760px;
 height: auto;
 margin-left: auto;
 margin-right: auto;
/* ↓IE中央寄せバグ対策↓ ------------------------------------------------------- */
 text-align: justify;
/* ↑IE中央寄せバグ対策↑ ------------------------------------------------------- */
}

/* ================================================================================== */
/*      ヘッダ                                                                        */
/* ================================================================================== */

div#top{
 width: 760px;
 height: 72px;
}

/* ================================================================================== */
/*      コンテンツ                                                                    */
/* ================================================================================== */

div.main{
 background: url(./images/main_bg2.gif) repeat-y ;
}

div.title1{
 width: 760px;
 height: 90px;
 background: url(./images/top.gif) no-repeat left top ;
}


div.title1 h1{ 
 font-size: 14pt;
 color: #6f6f6f;
 padding: 50px 0 0 30px;
 margin: 0 45px;
 background: url(./images/caption_2.gif) no-repeat left bottom;
 border-bottom: dashed 1px #666;
}

div.title2{ 
 width: 672px;
 height: auto;
 float: left;
/* ↓IE中央寄せバグ対策↓ ------------------------------------------------------- */
 text-align: justify;
/* ↑IE中央寄せバグ対策↑ ------------------------------------------------------- */
}


div.title2 h2{ 
 font-size: 10pt;
 color: #6f6f6f;
 padding-left: 15px;
 background: url(./images/list.gif) no-repeat left center;
}

div.welcome{
 width: 760px;
 height: auto;
 margin-bottom: 10px;
}

div.welcome p{
 padding: 5px 60px 0 60px;
}

div.photo{
 width: 715px;
/* ↓サムネイルの数にあわせて数値を変える↓ ------------------------------------- */
 height: 880px;
/* ↑サムネイルの数にあわせて数値を変える↑ ------------------------------------- */
 clear: both;
 padding-left: 45px;
}

/* ================================================================================== */
/*      プレビューページ用                                                            */  
/* ================================================================================== */

div.previewbox{
 width: 760px;
 height: 520px;
 margin-top:10px;
 text-align: center;
}

div.previewbox h2{
 margin-left: 45px;
 margin-bottom: 10px;
}

div.image{
 width: 640px;
 height: 510px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

/* ================================================================================== */
/*      サムネイル、キャプション                                                      */
/* ================================================================================== */

div.photo div.section{
 float: left;
 height: 155px;
 width: 165px;
 padding: 6px 0 0 3px;
 text-align: left;
}

div.photo div.section img{
 vertical-align: bottom; 
 border: 2px solid #e3d5cb;
}

div.photo div.section div.title{
 width: 164px;
 height: 1.5em;
 background-color: #e3d5cb;
 overflow: hidden;
 white-space: nowrap;
}

div.photo div.section div.title h3{
 margin: 0 3px 0 3px;
 color: #333333;
 font-size: 0.9em;
 text-align: left;
 font-weight: normal; 
}

div.photo div.section h3 a:link,
div.photo div.section h3 a:visited,
div.photo div.section h3 a:hover,
div.photo div.section h3 a:active{ 
 color: #333333;
 text-decoration: none;
}


/* ================================================================================== */
/*      フッタ                                                                        */
/* ================================================================================== */

div.link{
 float: left;
 width: 760px;
 height: 60px;
 background: url(./images/bottom.gif) no-repeat left top;
}

div.link p{
 padding-left: 50px;
}

div#footer{
 float: left;
 width: 760px;
 height: 50px;
}

div#footer address{
 padding: 10px 50px 0 50px;
 font-style: normal;
 color: #979797;
}