@charset "UTF-8";

/* h */
#lineup h1{
	clear:both;
}


/* tab */
#tab ul{
	height:34px;
	margin-bottom:20px;
}
#tab ul.top{
	border-bottom:3px solid #b51b20;
	margin-bottom:25px;
}
#tab ul.basic{
	border-bottom:3px solid #b51b20;
}
#tab ul.poem{
	border-bottom:3px solid #12469a;
}
#tab ul.wish{
	border-bottom:3px solid #e47a16;
}
#tab ul.hear{
	border-bottom:3px solid #ef5a56;
}
#tab ul.move{
	border-bottom:3px solid #a7811e;
}

#tab li{
	float:left;
	width:128px;
	margin:0 0 0 2px;
}
#tab li a{
	text-indent:-9999px;
	display:block;
	background:url(../lineup/image/tab.jpg) no-repeat;
	width:128px;
	height:34px;
}
#tab li.basic{
	margin:0 1px 0 0;
}
#tab li.move{
	margin:0 0 0 3px;
}
#tab li.basic a{
	background-position:0 0;
}
#tab li.basic a:hover,
#tab ul.basic li.basic a{
	background-position:0 -34px;
}
#tab li.poem a{
	background-position:-131px 0;
}
#tab li.poem a:hover,
#tab ul.poem li.poem a{
	background-position:-131px -34px;
}
#tab li.wish a{
	background-position:-261px 0;
}
#tab li.wish a:hover,
#tab ul.wish li.wish a{
	background-position:-261px -34px;
}
#tab li.hear a{
	background-position:-392px 0;
}
#tab li.hear a:hover,
#tab ul.hear li.hear a{
	background-position:-392px -34px;
}
#tab li.move a{
	background-position:-522px 0;
}
#tab li.move a:hover,
#tab ul.move li.move a{
	background-position:-522px -34px;
}

/* local navi */
#navi-l{
	background:#edf0f2 url(../lineup/image/navi-l_back.gif) repeat-x top;
	padding:7px 20px 5px 20px;
	line-height:100%;
	margin-bottom:25px;
}
#navi-l ul{
	margin:0;
}
#navi-l li{
	float:left;
	margin-right:25px;
}
#navi-l li a{
	background:url(../image/icon_arrow.gif) no-repeat left center;
	padding-left:9px;
	color:#333;
	text-decoration:none;
}
#navi-l li a:hover{
	color:#c9242c;
	text-decoration:underline;
}
#navi-l li.on a{
	color:#c9242c;
}

/* menu */
#lineup .lineup_menu{
	background:url(../image/main_menu_back2.gif) no-repeat left top;
	padding-top:10px;
	width:610px;
	margin-bottom:20px;
}
#lineup .lineup_menu ul{
	background:url(../image/main_menu_back2.gif) no-repeat left bottom;
	padding:0 15px 10px 15px;
	margin:0;
	width:580px;
	list-style:none;
}
#lineup .lineup_menu ul li{
	float:left;
	margin:0 20px 0 0;
}
#lineup .lineup_menu li a{
	background:url(../image/icon_arrow.gif) no-repeat left center;
	padding-left:9px;
}
#lineup .lineup_menu li.on a{
	color:#c9242c;
	text-decoration:none;
}

/* title */

#lineup .appli{
	position:absolute;
	top:30px;
	left:650px;
}

/**/
#lineup .box{
	background:#edf0f2;
	padding:15px 20px 1px 20px;
	margin-bottom:20px;
}

#lineup .outer2{
	background:#ecf0f2;
	border-collapse:collapse;
	margin-bottom:20px;
	border-top:1px solid #ccc;
}
#lineup .outer2 th{
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-weight:lighter;
	color:#222;
	white-space:nowrap; 
}
#lineup .outer2 td{
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:left;
	vertical-align:top;
}


/**/
#lineup .wish_pointArea{
	background:#f8f8f8;
	padding:8px 10px;
	border:1px dotted #CCCCCC;
	margin-bottom:20px;
}

#lineup table td{
	margin-left:0 !important;
}


/*lineupForm-----------------------------------*/

#lineupForm{
}

#lineupForm p{
	margin:0px;
}
#lineupForm h3{
	height:40px;
	position: relative;
	top: 0;
	left:0;
	text-indent:37px;
	background:url(../lineup/basic/image/function02_h3_bg.jpg) no-repeat;
	margin:0px 0px 1px 0px;
}
#lineupForm h3 .fuki{
	position:absolute;
	left:-13px;
	top:-14px;
}
#lineupForm small{
	font-size:10px
}	
	
/*table01*/
	
#catchArea{
	background:url(../lineup/basic/image/function02_01_bg01.jpg) no-repeat bottom right;
}

#catchArea h2{margin:0px;}

#catchArea .catchAreaTxt{
	display:block;
	width:500px;
	padding-left:60px;
	line-height:150%;
	margin:13px 0px;
}

#FormEx{
	width:403px;
	height:161px;
	background:url(../lineup/basic/image/function02_01_img02.jpg) no-repeat top left;
	text-align:center;
}
#FormEx img{
	margin:5px;
	margin-top:37px;
}



	
/*grayTable*/
#lineupForm .grayTable{
	background:url(../lineup/basic/image/function02_table_bg.gif) no-repeat bottom;
	padding:15px 13px;
	margin-bottom:16px;
}
	
/*h3*/

#lineupForm h3 a img{
	position: absolute;
	right:11px;
	top:6px;
}

/*request*/
#lineupForm .request{
	width:650px;
	height:96px;
	background:url(../lineup/basic/image/function02_contact01.jpg) no-repeat;
	position: relative;
	top: 0;
	left:0;
	margin-bottom:23px;
	text-indent:-9999px;
}
#lineupForm .request a img{
	position: absolute;
	left:412px;
	top:13px;
}

/*pointArea*/
#lineupForm .pointArea{
	background:url(../lineup/basic/image/function02_04_bg2.gif) no-repeat bottom right;
	widows:650px;
	height:202px;
	margin-bottom:10px;
	zoom: 100%;/*IE用*/
}

#lineupForm .pointArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#lineupForm .pointArea h4{
	float:right;
	width:460px;
	padding-left:10px;
	padding-top:46px;
}
#lineupForm .pointArea p img{
	float:left;
}
#lineupForm .pointArea .txt{
	float:right;
	width:450px;
	padding:0 10px;
	padding-top:5px;
}

/*\*/
* html #lineupForm .pointArea {
    height: 1em;
    overflow: visible;
}
/**/



/* case */
#lineupForm .table02 .top_case h2{
	padding-bottom:5px;
	border-bottom:1px solid #bcbdc1;
	margin-bottom:10px;
}
#lineupForm .table02 .top_case ul{
	margin:0;
}
#lineupForm .table02 .top_case li{
	float:left;
	margin:0 10px 5px 0;
}
#lineupForm .table02 .top_case li.end{
	margin-right:0;
}
#lineupForm .table02 .top_case img{
	vertical-align:baseline;
}


/*.icon---------------------------------------------*/
.icon{
	clear:both;
	margin-left:-15px;
	width:759px;
}
.icon dl{
	width:362px;
	float:left;
	border:1px solid #cfcfcf;
	margin-left:15px;
	margin-bottom:15px !important;
	border-radius:5px;         /* CSS3 */
   -moz-border-radius:5px;    /* Firefox */
   -webkit-border-radius:5px; /* Safari,Chrome */
}

.icon dt{
	background:url(../image/ttl01_bg.gif) left bottom no-repeat;
	padding:8px 15px;
	color:#000;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	border-radius:5px;         /* CSS3 */
   -moz-border-radius:5px;    /* Firefox */
   -webkit-border-radius:5px; /* Safari,Chrome */
}

.icon dd{
	padding:0 15px;
}

.icon dd img{
	margin-right:10px;
	float:left;
}

.icon dd p{
	margin-bottom:10px !important;
	overflow:hidden;
}


.icon  .caption{
	font-size:70%;
	color:#C03;
	letter-spacing: -0.1em;
	margin-left:5px;
}

#lineup .basic{
	color:#000 !important;
}

#lineup .basic{
	background:url(../image/ttlicon_basic.gif) no-repeat left top    !important;
	color:#000 !important;
}

#lineup .poem{
	background:url(../image/ttlicon_poem.gif) no-repeat left top    !important;
	color:#000 !important;
}
#lineup .wish{
	background:url(../image/ttlicon_wish.gif) no-repeat left top    !important;
	color:#000 !important;
}
#lineup .hear{
	background:url(../image/ttlicon_hear.gif) no-repeat left top    !important;
	color:#000 !important;
}
#lineup .move{
	background:url(../image/ttlicon_move.gif) no-repeat left top    !important;
	color:#000 !important;
}
#lineup .post{
	background:url(../image/ttlicon_post.gif) no-repeat left top    !important;
	color:#000 !important;
}
#lineup .etc{
	background:url(../image/ttlicon_etc.gif) no-repeat left top    !important;
	color:#000 !important;
}


/* ---LineupTop------------------------------------------*/

#LineupTop .button{
	height:40px !important;
}
#LineupTop .button2{
	height:80px !important;
}
#LineupTop .button2 img{
	position:relative;
	top:-50px !important;
}

#lineup .button{
	width:100%;
	text-align:right;
	clear:both;
}

#lineup .button2{
	width:600px;
	height:20px;
	text-align:right;
	clear:both;
	position:static;
}

#lineup .button2 img{
	position:relative;
	top:-20px;
}

#lineup .bt_clear{
	clear:both;
	height:0;
}


/*  */
.bg_gray{background:#ecf0f2;}
.mb25{margin-bottom:25px !important;
}
.mt5{
	margin-top:5px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.mr20{
	margin-right:20px;
}
.ml50{
	margin-left:50px;
}

#lineupForm ul.clearfix{
	margin:0;
}
#lineupForm ul.clearfix li.end,
#lineupForm ul.clearfix li{
	float:left;
	margin:0 1px 3px 2px!important;
}

.outer{

}

#lineup #main div.menu{
	margin-left:20px;
}

.test{
	background:#063}



/* flameTable */
.FlameTable{
	padding:20px 19px;
	border:1px solid #cfcfcf;
	margin-bottom:30px;
	border-radius:5px;         /* CSS3 */
   -moz-border-radius:5px;    /* Firefox */
   -webkit-border-radius:5px; /* Safari,Chrome */
}



.FlameTable2{
	background:url(../lineup/image/flame_bg02.gif) no-repeat bottom;
	padding:15px 0px 10px 25px;
	margin-top:13px;
}

.FlameTable3{
	background:url(../lineup/image/flame_bg02.gif) no-repeat bottom;
	padding:0px 15px 15px 15px;
	margin-top:13px;
}


#lineupForm .FlameTable .FlameTable2{
	background:url(../lineup/image/flame_bg02.gif) no-repeat bottom;
	padding:0px 15px 15px 15px;
	margin-top:13px;
	}



/* --BASICTop------------------------------------------*/
#basicindex{
	background:url(../lineup/basic/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}

#basicindex #catch{
	width:650px;
	margin:0 auto;
}

#basicindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}


#basicindex ul.point{
}

#basicindex ul.point li{
	float:left;
	padding-bottom:20px;
}

#basicindex ul.point li img{
	vertical-align:bottom;
}

#basicindex .catchblock{
	clear:both;
	background:url(../lineup/wish/image/index_img02.jpg) right top no-repeat;
	min-height:289px;
	height:auto !important;
	height:289px;
	padding:0 15px;
	padding-top:15px;
}


#basicindex .catchblock p{
	width:270px;
}


/* --POEMTop------------------------------------------*/
#poemindex{
	background:url(../lineup/poem/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}

#poemindex #catch{
	width:650px;
	margin:0 auto;
}

#poemindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}

#poemindex #catch p{
	padding:15px 15px 0 15px;
	margin:0;
}

#poemindex ul.point{
	width:650px;
	margin-bottom:0;
}

#poemindex ul.point li{
	float:left;
	padding-bottom:20px;
}

#poemindex ul.point li img{
	vertical-align:bottom;
}

#poemindex .catchblock{
	clear:both;
	background:url(../lineup/poem/image/index_img02.jpg) right 15px no-repeat;
	min-height:274px;
	height:auto !important;
	height:274px;
	margin-bottom:20px;
}

#poemindex .catchblock h3{
	padding-bottom:12px;
	margin:0px;
}

#poemindex .catchblock p{
	width:430px;
}

/* --WISHTop------------------------------------------*/
#wishindex{
	background:url(../lineup/wish/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}

#wishindex #catch{
	width:650px;
	margin:0 auto;
}

#wishindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}

#wishindex #catch p{
	padding:15px 15px 0 15px;
}

#wishindex ul.point{
	width:650px;
	margin-bottom:0;
}

#wishindex ul.point li{
	float:left;
	padding-bottom:20px;
}

#wishindex ul.point li img{
	vertical-align:bottom;
}

#wishindex .catchblock{
	clear:both;
	background:url(../lineup/wish/image/index_img02.jpg) right top no-repeat;
	min-height:289px;
	height:auto !important;
	height:289px;
}


#wishindex .catchblock p{
	width:380px;
}

/* --HEARTop------------------------------------------*/
#hearindex{
	background:url(../lineup/hear/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}


#hearindex #catch{
	width:650px;
	margin:0 auto;
}

#hearindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}

#hearindex #catch p{
	padding:15px 15px 0 15px;
}

#hearindex ul.point{
	width:650px;
	margin-bottom:0;
}

#hearindex ul.point li{
	float:left;
}

#hearindex ul.point li img{
	vertical-align:bottom;
}

#hearindex .catchblock{
	clear:both;
	background:url(../lineup/hear/image/index_img02.jpg) right top no-repeat;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding-top:30px;
}


#hearindex .catchblock p{
	width:420px;
}

/* --MOVEtop------------------------------------------*/
#moveindex{
	background:url(../lineup/move/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}

#moveindex #catch{
	width:650px;
	margin:0 auto;
}

#moveindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}

#moveindex #catch p{
	padding:15px 15px 0 15px;
}

#moveindex ul.point{
	width:650px;
	margin-bottom:0;
}

#moveindex ul.point li{
	float:left;
	padding-bottom:20px;
}

#moveindex ul.point li img{
	vertical-align:bottom;
}

#moveindex .catchblock{
	clear:both;
	background:url(../lineup/move/image/index_img02.jpg) right top no-repeat;
	min-height:250px;
	height:auto !important;
	height:250px;
}


#moveindex .catchblock p{
	width:400px;
}

/* --POSTtop------------------------------------------*/
#postindex{
	background:url(../lineup/post/image/index_img01.jpg) repeat-x top;
	padding-top:30px;
}

#postindex #catch{
	width:650px;
	margin:0 auto;
}

#postindex #catch h2{
	margin:0px;
	padding:0px;
	border:none;
	line-height:0;
	font-size:0;
}

#postindex #catch p{
	padding:15px 15px 0 15px;
}

#postindex ul.point{
	width:650px;
	margin-bottom:0;
}

#postindex ul.point li{
	float:left;
	padding-bottom:20px;
}

#postindex ul.point li img{
	vertical-align:bottom;
}

#postindex .catchblock{
	clear:both;
	background:url(../lineup/post/image/index_img02.jpg) right top no-repeat;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding:0 15px;
	padding-top:0px;
	margin-top:-20px;
}


#postindex .catchblock p{
	width:310px;
}

/* --BASIC lower(func08)------------------------------------------*/
#func08{
}

#func08 #catchArea{
	background:url(../lineup/basic/image/function08_main_img02.jpg) no-repeat bottom right;
}


#func08  #catchArea div p{
	width:465px;
	margin:10px 0px;
}
#func08  #catchArea div p.small{
	font-size:85%;
	line-height:1.2em;
	letter-spacing:0;
}

#func08 .FlameTableYellow{
	background:url(../lineup/image/flame2_bg02.gif) no-repeat bottom;
	margin-bottom:18px;
	position:relative;
}

#func08 .pencilTitle{
	background:url(../lineup/image/flame2_bg01.gif) no-repeat top;
	position:relative;
	padding-top:20px;
}
#func08 .pencilTitle p{
	float:right;
	width:400px;
	text-align:right;
	margin-bottom:10px;
}

#func08 .FlameTableYellow .fuki{
	position:absolute;
	left:-18px;
	top:-21px;
}

#func08 .FlameTableYellow p.txt{
	clear:both;
	padding:0 20px 15px 20px;
}

#func08 .FlameTable .FlameTable2{
	background:url(../lineup/image/flame_bg02.gif) no-repeat bottom;
	padding:0px 15px 15px 15px;
	margin-top:13px;
	}


/*grayTable2*/
#func08 .grayTable{
	background:url(../lineup/basic/image/function02_table_bg.gif) no-repeat bottom;
	padding:15px 13px;
	margin-bottom:16px;
}

#func08 .grayTable:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#func08 dl{
	width:670px;
	height:45px;
	background:url(../lineup/basic/image/function08_02_img04.gif) no-repeat right top;
	padding:0px;
	margin-bottom:5px;
}
#func08 dt{
	width:144px;
	height:45px;
	float:left;
	text-align:right;
}
#func08 dd{
	height:45px;
	text-indent:30px;
	color:#000;
}

#func08 dd p{
	padding:1em 0 0 0;
}

/*h3*/
#func08 h3{
	margin:30px 0 0 0;
	position:relative;
}

#func08 h3 .fuki{
	position:absolute;
	left:-16px;
	top:-25px;
	
}

/*choimobiArea*/
#lineup .choimobiArea{
	background:url(../lineup/image/flame_bg02.gif) no-repeat bottom;
	padding:0px 15px 105px 15px;
	margin-top:13px;
}

#lineup .choimobiArea span{
	display:block;
	width:390px;
	margin:0 0 0 30px;
}

#lineup .choimobiArea .mb5{
	margin-bottom:5px;
}

/* h2テキスト時用 */
.lineupTtl{
	margin:0;
	padding:8px 18px 15px 18px;
	background:url(../lineup/image/lineup_ttl_bg.gif) no-repeat;
	font-size:120%;
}