@charset "UTF-8";
/* CSS Document */

/*clearfix-----------------------------------*/
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }


/*reset-----------------------------------*/
body { font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 12px; line-height: 1; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul, ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }


/*all-----------------------------------*/
a img { opacity: 1; transition: all 0.5s ease-out 0s; }
a:hover img { opacity: 0.5; transition: all 0.2s ease-out 0s; }

body{
margin:0; padding:0; color:#000;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


img{
	border:none;
}

li{list-style-type:none;}

a:link img {
	opacity: 1;
	transition: all 0.5s ease-out 0s;
}

a:hover img {
	opacity: 0.8;
	transition: all 0.2s ease-out 0s;
}

*{margin:0; padding:0}

#wrap{
	height:auto;
	margin:0 auto;
	padding-bottom:25px;
	background-repeat:repeat-y;
	color:#4c4c4c;
}

#contents{ width:940px; margin:0 auto;}

/*main_content-----------------------------------*/

#main_contents { width: 800px; margin: 0 auto; padding: 20px 0; }
#lineup_box{ width:800px; background:url(images/bg.jpg) no-repeat; height:2200px; padding-top:10px;}
.itembox{ width:800px; height:auto;}
.item_read{ display:block; text-align:center; padding:15px 0 30px 0;}
.item_area{ display:block; width:650px; margin:0 auto;}
.item_area li{ float:left;}
li.item_left{ float:left; width:320px;}
li.item_right{ float:right; width:320px;}
.item_title{ display:block; padding:0 0 20px 0; width:300px; margin:0 auto;}
.itembox_txt{ display:block; width:300px; margin:0 auto; color:#ffe8a4; font-size:14px; line-height:1.5em; padding:0 0 30px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.link_btn{ display:block;  text-align:center; width:320px;}
.img_item{ width:320px;}
.line{ display:block; width:800px; height:50px; text-align:center; padding:35px 0;}
.copy_txt{ display:block; color:#ffffff; text-align:center; font-size:12px; line-height:1.5em; padding:20px 0 0 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.itembox_2{ width:655px; height:auto; margin:0 auto; font-size:14px; line-height:1.5em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.item_title_2{ display:block; padding:20px 0 15px 0;}
.itembox_txt_2{ display:block; color:#ffe8a4;padding:0 0 30px 0;}
.item_about{ background:url(images/bg_tapme.png); padding:10px; color:#fff; margin:0 0 10px 0;}
.item_about_txt{ padding:0 0 0 20px;}
.link_btn_2{ display:block;  text-align:right; width:655px; margin:20px 0 0 0;}