/* CSS Document */

/* --------------- 
 reset 
--------------- */
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, blockquote {  
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

/* --------------- 
 all 
--------------- */
p {
 font-size: 12px;
}

a {
 color: #000000;
 text-decoration: none;
}

a:hover {
 color: #000000;
 text-decoration: underline;
}

.textRed {
 color: #ff0000;
}

/* --------------- 
 index.html 
--------------- */
div#entrance {
 position: relative;
 width: 870px;
 margin: 0 auto;
 margin-bottom: 50px;
}

div#entrance p.entrancePhoto {
 width: 870px;
 margin-top: 80px;
 margin-bottom: 120px;
}
div#entrance p.update {
 position: absolute;
 top: 580px;
 left:795px;
 /*color: #ffffff;*/
 color: #666666;
}
* html div#entrance p.update {
 top: 660px;
}
*:first-child+html div#entrance p.update {
 top: 660px;
}


/* --------------- 
 main.html 
--------------- */
div#leftNavi {
 position: absolute;
 top: 120px;
 left: 15px;
 width: 150px;
}

div#leftNavi p.menu02,
div#leftNavi p.menu04 {
 margin-top: 7px;
}

div#leftNavi p.menu03 {
 margin-top: 42px;
}


/* --------------- 
 mainArea 
--------------- */
div#mainArea {
 position: absolute;
 top: 90px;
 left: 165px;
 width: 5000px;
}
div#mainArea p.imgArea {
 float: left;
 margin-right: 100px;
}

/* 個別メイン bodyIDで管理 */
body#photo1 div#mainArea {
 width: 5860px;
}

/* 個別メイン bodyIDで管理 */
body#photo2 div#mainArea {
 width: 5020px;
}

/* 個別メイン bodyIDで管理 */
body#photo3 div#mainArea {
 width: 3750px;
}

/* 個別メイン bodyIDで管理 */
body#photo4 div#mainArea {
 width: 6870px;
}

/* 個別メイン bodyIDで管理 */
body#photo5 div#mainArea {
 width: 5040px;
}

/* 個別メイン bodyIDで管理 */
body#paintings1 div#mainArea {
 width: 3700px;
}

/* 個別メイン bodyIDで管理 */
body#massProduct div#mainArea {
 width: 23980px;
}

/* 個別メイン bodyIDで管理 */
body#plants div#mainArea {
 width: 8390px;
}

/* 個別メイン bodyIDで管理 */
body#cars div#mainArea {
 width: 9920px;
}

/* 個別メイン bodyIDで管理 */
body#white div#mainArea {
 width: 7400px;
}

/* 個別メイン bodyIDで管理 */
body#separate div#mainArea {
 width: 14220px;
}

/* 個別メイン bodyIDで管理 */
body#tourist1 div#mainArea {
 width: 15350px;
}

/* 個別メイン bodyIDで管理 */
body#tourist2 div#mainArea {
 width: 7750px;
}

/* 個別メイン bodyIDで管理 */
body#tourist3 div#mainArea {
 width: 5920px;
}

/* 個別メイン bodyIDで管理 */
body#fall2009 div#mainArea {
 width: 6350px;
}

/* 個別メイン bodyIDで管理 */
body#stupidNote div#mainArea {
 width: 6490px;
}

/* 個別メイン bodyIDで管理 */
body#even div#mainArea {
 width: 10780px;
}

/* 個別メイン bodyIDで管理 */
body#bug_or_not div#mainArea {
 width: 4900px;
}

/* 個別メイン bodyIDで管理 */
body#minimal_trip1 div#mainArea {
 width: 9010px;
}

/* 個別メイン bodyIDで管理 */
body#minimal_trip2 div#mainArea {
 width: 7740px;
}

/* 個別メイン bodyIDで管理 */
body#minimal_trip3 div#mainArea {
 width: 7720px;
}

/* 個別メイン bodyIDで管理 */
body#minimal_trip4 div#mainArea {
 width: 7740px;
}

/* 個別メイン bodyIDで管理 */
body#page425 div#mainArea {
 width: 7950px;
}

/* 個別メイン bodyIDで管理 */
body#keep_your_axis div#mainArea {
 width: 5850px;
}

/* 個別メイン bodyIDで管理 */
body#hundred1 div#mainArea {
 width: 5600px;
}

/* 個別メイン bodyIDで管理 */
body#hundred2 div#mainArea {
 width: 4460px;
}

/* 個別メイン bodyIDで管理 */
body#hundred3 div#mainArea {
 width: 8120px;
}

/* 個別メイン bodyIDで管理 */
body#hush div#mainArea {
 width: 6610px;
}

/* 個別メイン bodyIDで管理 */
body#fail_or_not1 div#mainArea {
 width: 5020px;
}

/* 個別メイン bodyIDで管理 */
body#fail_or_not2 div#mainArea {
 width: 5400px;
}

/* 個別メイン bodyIDで管理 */
body#drawings1 div#mainArea {
 width: 4460px;
}

/* 個別メイン bodyIDで管理 */
body#drawings2 div#mainArea {
 width: 7390px;
}

/* --------------- 
 about.html 
--------------- */
body#about div#mainArea {
 position: relative;
 width: 700px;
 text-align: center
}
body#about div#mainArea .name {
}
body#about div#mainArea .mail {
 margin-top: 16px;
}
body#about div#mainArea .link01 {
 margin-top: 16px;
 margin-left:35px;
}
body#about div#mainArea .link02 {
 margin-top: 5px;
 margin-left:35px;
}
body#about div#mainArea .aboutPhoto {
 position: absolute;
 top: 0px;
 left: 150px;
}


/* --------------- 
 link.html 
--------------- */
body#link div#mainArea {
 position: relative;
 width: 800px;
}
body#link div#mainArea .link01 {
 margin-left:5px;
}
body#link div#mainArea .link02 {
 margin-top: 5px;
 margin-left:5px;
}
body#link div#mainArea .linkPhoto {
 position: absolute;
 top: 0px;
 left: 150px;
}



/* --------------- 
 utility 
--------------- */
/* top */
#contents .mt0 {
	margin-top: 0 !important;
}
#contents .mt5 {
	margin-top: 5px !important;
}
#contents .mt10 {
	margin-top: 10px !important;
}
#contents .mt15 {
	margin-top: 15px !important;
}
#contents .mt20 {
	margin-top: 20px !important;
}
#contents .mt25 {
	margin-top: 25px !important;
}
#contents .mt30 {
	margin-top: 30px !important;
}

/* botom */
#contents .mb5 {
	margin-bottom: 5px !important;
}
#contents .mb10 {
	margin-bottom: 10px !important;
}
#contents .mb15 {
	margin-bottom: 15px !important;
}
#contents .mb20 {
	margin-bottom: 20px !important;
}
#contents .mb25 {
	margin-bottom: 25px !important;
}
#contents .mb30 {
	margin-bottom: 30px !important;
}
#contents .mb40 {
	margin-bottom: 40px !important;
}
