@charset "utf-8";




*+html body{padding-left:1px;}    /* 背景画像が１ピクセルずれるバグ対策 */


* { margin:0px;      /* 全要素のmarginをリセット */
    padding:0px;}    /* 全要素のpaddingをリセット */


html {overflow-y:scroll;

      height:100%;      /* フッター対策 */
						}

body {font-size: 80%;
      font-family:"Arial,ＭＳ ゴシック", "Osaka－等幅",sans-serif;
      color:#FFFFFF;
    	 line-height: 150%;
						background-image:url(../img_common/bg2.gif);
						background-position:center;
						background-repeat:repeat-y;
						background-color:#333333;

      height:100%;      /* フッター対策 */
						
     }


#container {width:700px;
            margin:0px auto;

            position:relative;      /* フッター対策 */
            min-height: 100%;       /* フッター対策 */
				        }


* html div#container{
    height:100%;}

body > #container {         /* フッター対策 */
        height: auto;}      /* フッター対策 */



#main{
      padding-top:10px;
      padding-bottom:30px;
						background-image:url(../img_common/menu_shadow.gif);
						background-repeat:no-repeat;
						background-position:0px 60px;
						}

h1 { margin:0px 0px 5px 20px;}

h2 { margin-bottom:10px;}



/* =====================================================

■メニュー

===================================================== */


#menu {
							height:25px;
       background-color:#621B1D;
							background-image:url(../img_common/menu_bg.gif);
							background-repeat:repeat-x;
							padding:0px 4px;
							}


#menu img {margin:0px 18px;}





/* =====================================================

■コンテンツ
左のイメージ画像(背景に設定)を切り替えるために
ページごとに#contentsを設定しています。

===================================================== */

#contents {width:380px;
           margin:0px 20px;
											padding-top:40px;
											padding-left:280px;
											background-image:url(../01_info/img/main_bg.jpg);
											background-repeat:no-repeat;
											background-position:0px 40px;
											}

#contents-info {width:380px;
                margin:0px 20px;
																padding-top:40px;
																padding-left:280px;
																background-image:url(../01_info/img/main_bg.jpg);
																background-repeat:no-repeat;
																background-position:0px 40px;
																}

#contents-profile {width:380px;
																			margin:0px 20px;
																			padding-top:40px;
																			padding-left:280px;
																			background-image:url(../02_profile/img/main_bg.jpg);
																			background-repeat:no-repeat;
																			background-position:0px 40px;
																			}

#contents-works {width:380px;
																			margin:0px 20px;
																			padding-top:40px;
																			padding-left:280px;
																			background-image:url(../03_works/img/main_bg.jpg);
																			background-repeat:no-repeat;
																			background-position:0px 40px;
																			}

#contents-gallery {width:380px;
																			margin:0px 20px;
																			padding-top:40px;
																			padding-left:280px;
																			background-image:url(../04_gallery/img/main_bg.gif);
																			background-repeat:no-repeat;
																			background-position:0px 40px;
																			}


#contents-blog {width:100%;
																padding-top:0px;
																}


#contents-link {
																width: 659px;
																margin:0px 20px;
																padding-top:40px;
																}






/* =====================================================

■フッター

===================================================== */

#footer { font-size:10px;
										line-height:160%;
										text-align:center;

      				position:absolute;      /* フッター対策 */
          bottom:0px;             /* フッター対策 */
          height:30px;            /* フッター対策 */
          width:100%;             /* フッター対策 */
				      }





/* =====================================================

■INFORMATION

===================================================== */


#information p{ margin-bottom:30px;
																line-height:120%;
																padding:0px 0px 0px 24px;
																background-image:url(../img_common/top_topix.gif);
																background-repeat:no-repeat;
																background-position:0px 3px;
																}

#information p img {margin-top:7px;}

#information strong {font-size:120%;}

#information h3 {margin:20px 0px;}

#information ul {margin:0 1em;}


#vs1 {	width:380px;
       margin-bottom:40px;
							background-image:url(../img_common/column_bg02.gif);
							background-repeat:no-repeat;
							background-position:left bottom;
							}

#vs2 {	width:360px;
       background-image:url(../img_common/column_bg01.gif);
							background-repeat:no-repeat;
							background-position:left top;
							padding:10px;
							}

#vs1 p  { padding:0px;
										background-repeat:no-repeat;
										background-position:-50px 5px;
          }

#vs1 img {float:left;
          margin-right:10px;
										position:relative;
										left:0px;
										top:-5px;}


/* =====================================================

#vs1 p  { padding:0px 0px 0px 125px;
          margin-bottom:5px;
										background-image:url(../01_info/img/vs_val.jpg);
										background-repeat:no-repeat;
										background-position:5px 5px;
          }
===================================================== */



#vs1 strong {font-size:120%;}


/* =====================================================

■PROFILE

===================================================== */

#profile td { padding:3px 0px;
														vertical-align:top;
												 	}

#profile .c1 {
														font-weight:bold;
														text-align:right;
														padding-right:4px;
														vertical-align:top;
														}


#pro-info1 {	margin-top:25px;
											  background-image:url(../img_common/column_bg02.gif);
											  background-repeat:no-repeat;
											  background-position:left bottom;
			      		  }

#pro-info2 {	background-image:url(../img_common/column_bg01.gif);
											  background-repeat:no-repeat;
											  background-position:left top;
											  padding:15px;
			      		  }


#pro-info1 h3 { font-size:120%;}

#pro-info1 p { margin:10px 0px 0px 0px;
               line-height:150%;
															}


/* =====================================================

■WORKS

===================================================== */

#works ul { 
								    }

#works li { line-height:130%;
            list-style-type:none;
            margin:8px 0px;
												padding-bottom:6px;
												padding-left:5px;
												border-bottom:#AD4648 solid 1px;
											}

#works strong { color:#FFFFCC; }


#works h3 { margin:20px 0px;	}





/* =====================================================

■GALLERY

===================================================== */

#gal_title1 {	margin-top:25px;
 											  background-image:url(../img_common/column_bg02.gif);
	 										  background-repeat:no-repeat;
		 									  background-position:left bottom;
			       		  }

#gal_title2 {	background-image:url(../img_common/column_bg01.gif);
			 								  background-repeat:no-repeat;
				 							  background-position:left top;
					 						  padding:15px;
			       		  }


#gal_title1 h3 { font-size:120%;
                 text-align:center;
													 			margin:170px 0px;}

#gal_title1 p { margin:10px 0px 0px 0px;
                line-height:150%;
										 					}




/* =====================================================

■LINK

===================================================== */

#link {float:right;
       width:380px;}

#link h3 {	margin:40px 0px 15px;}

#link li { margin-bottom:15px;
          padding:10px 0px;
									 border-bottom:#AD4648 solid 1px;
          }

#link p.back { border-bottom:none;}


#link li {list-style-type:none;}


#link strong {font-size:120%;
              font-weight:normal;}


#linkinfo1 {	
             width:250px;
             float:left;
												 background-image:url(../07_link/img/column_bg02.gif);
											  background-repeat:no-repeat;
											  background-position:left bottom;
			      		  }

#linkinfo2 {	background-image:url(../07_link/img/column_bg01.gif);
											  background-repeat:no-repeat;
											  background-position:left top;
											  padding:15px;
			      		  }

#linkinfo2 img {margin:10px 8px 4px;}

.bandl {font-size:90%;
        line-height:130%;
								margin:0px 8px;}

hr {clear:right;
    visibility:hidden;}