@charset "utf-8";

/************************************************

	layout.css 2010.03.19
			
	Copyright 2010 image All Rights Reserved.
	URL http://www.image.co.jp/

*************************************************/

/*==============================================*/
/* 1.Layout - body,wrapper,lay**,etc
/*==============================================*/
body{color:#4D4D4D;}

#header,
#navGlobal,
#keyVisual,
#contents,
#footerInner{
	width:960px;
	margin:0 auto;
	_text-align:left;/*for IE6*/
}

#areaMain{margin-bottom:30px;}
/*wrapper
---------------------------------*/
#wrapper{_text-align:center;/*for IE6*/}
/*single
---------------------------------*/
.laySingle #areaMain{width:960px;}
/*double
---------------------------------*/
.layDouble #areaMain{width:730px; float:right;}
.layDouble #areaLeft{width:200px; float:left;}
/*triple
---------------------------------*/
.layTriple #unitArea{width:730px; float:left;}
.layTriple #areaMain{width:500px; float:right;}
.layTriple #areaLeft{width:200px; float:left;}
.layTriple #areaRight{width:200px; float:right;}
/*==============================================*/
/* 2.Heading,Lead
/*==============================================*/
/* 25px */ h1{font-size:189%;}
/* 21px */ h2{font-size:161.6%;}
/* 18px */ h3{font-size:138.5%;}
/* 16px */ h4{font-size:123.1%;}
/* 14px */ h5,h6{font-size:108%;}

h2,h3,h4,h5{
	padding-top:5px;
	padding-bottom:5px;
}

/* lead  ,leadImg*/
.lead{
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","MS PGothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin-bottom:10px;
}
.leadImg{}
/*==============================================*/
/* 3.Link
/*==============================================*/
a:link   {color:#333;}
a:visited{color:#666;}
a:hover  {color:#CCC; text-decoration:underline;}
a:active {color:#333;}
a		 {outline:hidden;}
/*==============================================*/
/* 4.Header
/*==============================================*/
#header{}
#siteId{
	margin:10px 0 10px;
	line-height:0;
}
/*==============================================*/
/* 5.KeyVisual
/*==============================================*/
#keyVisual{}
/*Home*/
#home #keyVisual,
#indexSWF{}
/*Category*/
#category #keyVisual{height:100px;}
/*==============================================*/
/* 6.Contents
/*==============================================*/
#contents{}
.sectionBlock,.sectionBox,.sectionBox{overflow:auto}/*or width & inline-block*/
.sectionBlock{margin-bottom:30px;}
.sectionBox  {margin-bottom:20px;}
.sectionBox p{margin-bottom:1em;}
/*.sectionBlock p{*word-break:break-all;}word-break for IE*/
.sectionItem{/*margin-bottom:10px;*/}
/*#areaMain
---------------------------------*/
/*#areaLeft
---------------------------------*/
/*#areaRight
---------------------------------*/
/*==============================================*/
/* 7.Footer
/*==============================================*/
#footer{
	margin-left:5px;
	padding-top:10px;
	border-top:1px solid #CCC;
}

#footerInner{}

#copyright{
	font-size:77%;
	display:inline-block;
}
/*==============================================*/
/* 8.Navigation
/*==============================================*/
#navGlobal{}
/* #navGlobalFooter
---------------------------------*/
#navGlobalFooter{
	margin-bottom:15px;
}
/* #AssistNavi
---------------------------------*/
#navAssistHeader{
	position:absolute;
	top:10px; right:10px;
}

#navAssistFooter{
	margin-bottom:15px;
	margin-left:5px;
}
/*==============================================*/
/* 9.UnitColumn
/*==============================================*/
/*Base Margin Padding Set*/
#areaMain .unitColumn{margin-bottom:20px;}
#areaMain .box2, #areaMain .box3{padding-left:20px; padding-right:20px;}
#areaMain .unitColumn .sectionBox{margin-right:20px;}
/* laySingle
---------------------------------*/
.laySingle #areaMain .box2 .sectionBox{width:450px;}
.laySingle #areaMain .box2Push .sectionBox{width:470px;}
.laySingle #areaMain .box3 .sectionBox{width:294px; margin-right:19px;}
.laySingle #areaMain .box3Push .sectionBox{width:306px; margin-right:21px;}
/* layDouble
---------------------------------*/
.layDouble #areaMain .box2 .sectionBox{width:335px;}
.layDouble #areaMain .box2Push .sectionBox{width:355px;}
.layDouble #areaMain .box3 .sectionBox{width:218px; margin-right:18px;}
.layDouble #areaMain .box3Push .sectionBox{width:230px;}
/* layTriple
---------------------------------*/
.layTriple #areaMain .box2 .sectionBox{width:220px;}
.layTriple #areaMain .box2Push .sectionBox{width:240px;}
.layTriple #areaMain .box3 .sectionBox{width:140px;}
.layTriple #areaMain .box3Push .sectionBox{width:154px; margin-right:19px;}
/*==============================================*/
/* unitFloat wf0-wf9 [ floatBox + followBox ],wfDivide
/*==============================================*/
/* unitFloat Base Margin Set
---------------------------------*/
.floatBox, img.floatImg{margin-right:15px;}
.unitFloatRe .floatBox, img.floatImgRe{margin-left:15px;}
/* width float lv1
/*---------------------------------*/
.wf1 .floatBox,.wf1Re .floatBox{width:360px;}
.wf1 .followBox{margin-left:375px;}
.wf1Re .followBox{margin-right:375px;}
/* floatItem */
.wf1 .floatItem, .wf1Re .floatItem{width:175px; margin-right:10px;}
/* width float lv2
/*---------------------------------*/
.wf2 .floatBox,.wf2Re .floatBox{width:280px;}
.wf2 .followBox{margin-left:295px;}
.wf2Re .followBox{margin-right:295px;}
/* floatItem */
.wf2 .floatItem, .wf2Re .floatItem{width:135px; margin-right:10px;}
/* width float lv3
/*---------------------------------*/
.wf3 .floatBox,.wf3Re .floatBox{width:260px;}
.wf3 .followBox{margin-left:275px;}
.wf3Re .followBox{margin-right:275px;}
/* floatItem */
.wf3 .floatItem, .wf3Re .floatItem{width:125px; margin-right:10px;}
/* width float lv4
/*---------------------------------*/
.wf4 .floatBox,.wf4Re .floatBox{width:200px;}
.wf4 .followBox{margin-left:215px;}
.wf4Re .followBox{margin-right:215px;}
/* width float lv5
/*---------------------------------*/
.wf5 .floatBox,.wf5Re .floatBox{width:180px;}
.wf5 .followBox{margin-left:195px;}
.wf5Re .followBox{margin-right:195px;}
/* width float lv6
/*---------------------------------*/
.wf6 .floatBox,.wf6Re .floatBox{width:130px;}
.wf6 .followBox{margin-left:145px;}
.wf6Re .followBox{margin-right:145px;}
/* width float lv7
/*---------------------------------*/
.wf7 .floatBox,.wf7Re .floatBox{width:100px;}
.wf7 .followBox{margin-left:115px;}
.wf7Re .followBox{margin-right:115px;}
/* width float lv8
/*---------------------------------*/
.wf8 .floatBox,.wf8Re .floatBox{width:90px;}
.wf8 .followBox{margin-left:105px;}
.wf8Re .followBox{margin-right:105px;}
/* width float lv9
/*---------------------------------*/
.wf9 .floatBox,.wf9Re .floatBox{width:70px;}
.wf9 .followBox{margin-left:85px;}
.wf9Re .followBox{margin-right:85px;}
/* Divide Base Margin
---------------------------------*/
.wfDivide2 .floatBox, .wfDivide3 .floatBox,
.wfDivide4 .floatBox, .wfDivide5 .floatBox{margin-right:10px;}
/* laySingle wfDivide
---------------------------------*/
.laySingle #areaMain .wfDivide2 .floatBox{width:475px;}
.laySingle #areaMain .wfDivide3 .floatBox{width:314px; margin-right:9px;}
.laySingle #areaMain .wfDivide4 .floatBox{width:234px; margin-right:8px;}
.laySingle #areaMain .wfDivide5 .floatBox{width:184px;}
/* layDouble wfDivide
---------------------------------*/
.layDouble #areaMain .wfDivide2 .floatBox{width:360px;}
.layDouble #areaMain .wfDivide3 .floatBox{width:236px; margin-right:11px;}
.layDouble #areaMain .wfDivide4 .floatBox{width:175px;}
.layDouble #areaMain .wfDivide5 .floatBox{width:138px;}
/* layTriple wfDivide
---------------------------------*/
.layTriple #areaMain .wfDivide2 .floatBox{width:245px;}
.layTriple #areaMain .wfDivide3 .floatBox{width:160px;}
.layTriple #areaMain .wfDivide4 .floatBox{width:119px; margin-right:8px;}
.layTriple #areaMain .wfDivide5 .floatBox{width:92px;}