@charset "utf-8";


/* -------------------------------------------------------- */
/* common                                                   */
/* -------------------------------------------------------- */
body.top {}
/* -------------------------------------------------------- */
/* index                                                    */
/* -------------------------------------------------------- */
body.index {}
	body.index #MAIN {
		float: none;
		width: 100%;
	}
		body.index #MAIN .section{
			margin-bottom: 20px;
		}
		
		body.index #MAIN #navArea{
			position: relative;
			height: 40px;
		}
			body.index #MAIN #navArea ul{
				padding: 12px 0 0 27px;
			}
				body.index #MAIN #navArea ul li{
					display:inline;
					margin-left: 25px;
				}
				body.index #MAIN #navArea ul li.first{
					margin-left: 0;
				}
			
			body.index #MAIN #navArea #socialArea{
				position: absolute;
				top: 0px;
				right: 40px;
				padding-top: 8px;
				vertical-align:top;
			}
				body.index #MAIN #navArea #socialArea #fb{
					vertical-align:top;
					padding-top: 2px;
					display:inline-block;
					*display:inline;
					*zoom:1
				}
				body.index #MAIN #navArea #socialArea #tw{
					vertical-align:top;
					margin-right: -34px;
					display:inline-block;
					*display:inline;
					*zoom:1
				}

		body.index #MAIN #mainVisual{
			margin-bottom: 9px;
		}

		body.index #MAIN #categories{
			margin-bottom: 13px;
		}
			body.index #MAIN #categories ul{
				
			}
				body.index #MAIN #categories ul li{
					display:inline;
					margin-left: 9px;
				}
				body.index #MAIN #categories ul li.first{
					margin-left: 0;
				}

		body.index #MAIN .infoText{
			margin: 0 0 13px 16px;
			font-size: 18px;
			font-weight: bold;
		}

		body.index #MAIN #leftArea{
			float: left;
			width: 710px;
		}
			body.index #MAIN #leftArea #infomation{
				position:relative;
			}
				body.index #MAIN #leftArea #infomation h2{
					border-left: 4px solid #1a274d;
					padding-left: 5px;
					margin-bottom: 5px;
					font-size: 18px;
				}
					body.index #MAIN #leftArea #infomation h2 > span{
						display: block;
						border-bottom: 1px solid #1a274d;
						padding-left: 8px;
					}
				body.index #MAIN #leftArea #infomation #more{
					position:absolute;
					top: 6px;
					left:600px;
				}
				body.index #MAIN #leftArea #infomation ul#infoList{
				}
					body.index #MAIN #leftArea #infomation ul#infoList {
					}
						body.index #MAIN #leftArea #infomation ul#infoList li{
							zoom:1;
							width: 690px;
							margin: 0 auto;
							border-top:1px dotted #1a274d;
						}
						body.index #MAIN #leftArea #infomation ul#infoList li:after{
							content: ""; 
							display: block; 
							clear: both;
						}
						body.index #MAIN #leftArea #infomation ul#infoList li.first{
							border-top:none;
						}
							body.index #MAIN #leftArea #infomation ul#infoList li .thumbArea{
								float:left;
								width:50px;
								padding:10px;
							}
							body.index #MAIN #leftArea #infomation ul#infoList li .dataArea{
								float:right;
								width:610px;
								padding-top: 13px;
							}
								body.index #MAIN #leftArea #infomation ul#infoList li .dataArea .title{
									margin-bottom: 4px;
									font-size:108%;
								}
									body.index #MAIN #leftArea #infomation ul#infoList li .dataArea .title a{
									}
								body.index #MAIN #leftArea #infomation ul#infoList li .dataArea .date{
								}
									body.index #MAIN #leftArea #infomation ul#infoList li .dataArea .date span{
										font-size:93%;
									}

		body.index #MAIN #rightArea{
			float: right;
			width: 231px;
		}
			body.index #MAIN #rightArea #movieArea{
				margin-bottom:17px;
			}
				body.index #MAIN #rightArea #movieArea h2{
					margin-bottom:12px;
				}
			body.index #MAIN #rightArea #bannerArea{
				margin-top:33px;
				margin-bottom:17px;
			}
				body.index #MAIN #rightArea #bannerArea #bannerList{
				}
					body.index #MAIN #rightArea #bannerArea #bannerList li{
						margin-bottom:10px;
					}