/*
------------------------------------------------------
omdc Blog CSS
FileName:omdc_white_3c
Version:  2006.12.05
------------------------------------------------------
*/

/**************************************
/    CSS Menu
**************************************
      1.Base
      2.Layout
      3.Contents
      4.Form
*************************************/

/**************************************
***            Base           ***
*************************************/
/* ページの基本設定 */

 /* contents.cssからの変更 */
h2 {font-size:13.5px;}
h3 {font-size:10px;
              line-height:1.0em;}
h4 {font-size:10px;}
p, li {font-size:3;
	line-height:1.5em;}
#copyright {font-size:2.5;}

/* リンクの基本設定 */
a:link{
	color:#000000;
	text-decoration:none;
	
}
a:visited{color:#000000;
               text-decoration:none;}

/**************************************
***        Layout         ***
*************************************/

/* レイアウトの設定*/
body{
    margin:0px;
    padding:0px;
}
/* コンテナの設定*/
#container{
    position:relative;
    margin-left:10px;
    width:750px;
    background-color:#ffffff;
    border-left:0px solid #cccccc;
    border-right:0px solid #cccccc;
}
/* ヘッダーの設定*/
#head{
    height:100px;
    width:748px;
   
}
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:750px;
    background-color:#ffffff;
}
/* three-column tweaks */

/* 左側の設定*/
.layout-three-column #left{
    float:left;
    width:150px;
    height:500px;
    margin-top:10px;
    background-color: #ffffff;
    border:0px solid #cccccc;
}
/* 真ん中の設定*/
.layout-three-column #center{
    float:left;
    width:420px;
    height:500px;
    margin-top:15px;
    margin-left:5px;
    background-color:#ffffff;
}
/* 右側の設定*/
.layout-three-column #right{
    float:right;
    width:160px;
    height:500px;
    margin-top:10px;
    margin-right:0px;
    background-color:#ffffff;
    border:0px solid #cccccc;
}

/* two-column-left tweaks */

/* 左側の設定*/
.layout-two-column-left #left{
    float:left;
    width:150px;
    height:500px;
    margin-top:10px;
    background-color: #ffffff;
    border:0px solid #cccccc;
}
/* 真ん中の設定*/
.layout-two-column-left #center{
    float:left;
    width:575px;
    height:500px;
    margin-top:15px;
    margin-left:10px;
    background-color:#ffffff;
    border:0px solid #cccccc;
}

#footer{
    height:50px;
    width:750px;
    background-color:#eeeeee;
    border-top:1px solid #cccccc;
}

#footer1{
    height:50px;
    width:750px;
    background-color:#eeeeee;
    border-top:2px solid #cccccc;
}	
a:hover {color: #0000ff;
	text-decoration:underline;}

/**************************************
***        Contents         ***
*************************************/

/* 全体のデザイン */
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	color: #333333;
	background: #e6e6e6 url("images_omdc/bg2.jpg") center top repeat-y;
}


/* ヘッダのデザイン */
.head{
              width:748px;
              height:95px;
              margin-left:0px;
              border-top: 0px solid #0033cc;margin-left:0px;
              border-left: 1px solid #000000;
              border-right: 1px solid #000000;
              border-bottom: 0px solid #0033cc;margin-left:0px;}
              




.head table{
             
              width:748px;
              height:95px;
              margin-left:0px;
              
              background:url("images_omdc/title1.jpg");
              
              }

.h1 {margin:0;
	
	line-height:1.0em;
	font-size:4px;
	font-family:"serif";
              weight:900;
	color:#ffffff;
	
	}	/* 変更部分ここから */
.h1 a {color:#ffffff;}
.h1 a:hover{color:#ffffff;}	/*----- contents.cssからの変更はここまで */

/* ヘッダ上のデザイン */
.headt{
              width:750px;
              height:50px;
              margin-left:0px;
              border-top: 1px solid #cccccc;margin-left:0px;
              border-left: 0px solid #cccccc;
              border-right: 0px solid #cccccc;
              border-bottom: 0px solid #0033cc;margin-left:0px;}
.headt table{
             
              width:748px;
              height:50px;
              margin-left:0px;
              
              background-color:#ffffff;
              
              }

.h1 {margin:0;
	
	line-height:1.0em;
	font-size:4px;
	font-family:"serif";
              weight:900;
	color:#000000;
	
	}	/* 変更部分ここから */
.h1 a {color:#ffffff;}
.h1 a:hover{color:#ffffff;}

/* mainのデザイン */

.main {width:419px;	/* IEのバグ対策 */
              height:120px;
	margin-bottom:10px;
              padding-bottom:0px;
	border-top:1px solid #cccccc;
              border-right:2px solid #cccccc;
              border-bottom:2px solid #cccccc;
              border-left:1px solid #cccccc;
	background-color:#ffffff;}
.main h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
	background-image: url(images_omdc/midashi3.gif);
             border-bottom:0px solid #cccccc;}
             
	p {padding:5px 5px;}
p img {float:left;
	margin:10px 10px 10px 10px;
              padding-bottom:10px;}
.main h3 {margin-top:0em;

	margin-left:1em;	/*----- 変更はここから */
	padding-left:1.5em;
	background:url("images_omdc/lm3.gif") no-repeat left;}
.main h4 {margin-top:0em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 20px;
              font-size:14px;
	color:#ffffff;
	background-image: url(images_omdc/midashi.gif);
             border-bottom:1px solid #0066cc;}
.main h5 {margin-top:1em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 15px;
              font-size:10px;
	color:#000000;
	background:url("images_omdc/lm3.gif") no-repeat left;
             border-bottom:0px solid #00ff00;}
.main h6 {margin-top:0em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 24px;
              font-size:15px;
	color:#000000;
	background-color:#f5f5f5;
             border-bottom:0px solid #cccccc;}
p.categories {clear:both;
	margin:1px 0px;
	text-align:right;
	border-top:dashed 1px #d5d5d5;}	/*----- contents.cssからの変更はここまで */

/* main1のデザイン */

.main1 {width:570px;	/* IEのバグ対策 */
              height:50px;
	margin-bottom:10px;
              padding-bottom:0px;
	border-top:1px solid #cccccc;
              border-right:2px solid #cccccc;
              border-bottom:2px solid #cccccc;
              border-left:1px solid #cccccc;
	background-color:#ffffff;}
.main1 h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
	background-image: url(images_omdc/midashi3.gif);
             border-bottom:0px solid #cccccc;}
             
	p {padding:5px 5px;}
p img {float:left;
	margin:10px 10px 10px 10px;
              padding-bottom:10px;}
.main1 h3 {margin-top:0em;

	margin-left:1em;	/*----- 変更はここから */
	padding-left:1.5em;
	background:url("images_omdc/lm3.gif") no-repeat left;}
.main1 h4 {margin-top:0em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 20px;
              font-size:14px;
	color:#ffffff;
	background-image: url(images_omdc/midashi.gif);
             border-bottom:1px solid #0066cc;}
.main1 h5 {margin-top:1em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 15px;
              font-size:10px;
	color:#000000;
	background:url("images_omdc/lm3.gif") no-repeat left;
             border-bottom:0px solid #00ff00;}
.main1 h6 {margin-top:0em;
             margin-left:0em;
             padding:0em 0em 0em 2em;
              height: 24px;
              font-size:15px;
	color:#000000;
	background-color:#f5f5f5;
             border-bottom:0px solid #cccccc;}
p.categories {clear:both;
	margin:1px 0px;
	text-align:right;
	border-top:dashed 1px #d5d5d5;}


/* menuのデザイン */

	/*----- 変更はここから */
.menu {margin-top:5px;
          padding:0px 0px 10px 0px;
          border:0px 0px 0px 0px solid #cccccc;}	/*----- contents.cssからの変更はここまで */

.menu h2 {margin:0;
	padding:4px 0px 0px 0px;
              height: 20px;
	color:#000000;
               font-size:12px;
	background-color: #ffffff;
              border-top:1px solid #f5f5f5;
              border-bottom:2px solid #0033cc;}
.menu h3 {margin-top:0em;
              margin-bottom:1em;
	margin-left:1em;	/*----- 変更はここから */
	padding-left:2em;
              padding-bottom:0em;
               height: 10px;
              font-size:10px;
	color:#000000;
	background:url("images_omdc/lm4.gif") no-repeat left;
              border:0px solid #00ff00;}
.menu h4 {margin-top:0em;
              margin-left:0em;	/*----- 変更はここから */
	padding-left:0em;
	background:url("") no-repeat left;}
.menu ul {margin:0;
	padding:0 5px 15px 5px;
	list-style-type:none;}
.menu li   {
              margin:5px 0 0 5px;
              padding:2px 2px 2px 5px;
              font-size:11px;
	background:url("images_omdc/lm4.gif") no-repeat left ;
              background-color:#f5f5f5;
	border-bottom:1px solid #cccccc;}




/* bottomのデザイン */

#bottom {margin:20px 10px 10px 10px;}
#bottom input {margin:5px 0;}
#copyright {padding:0;}


/* contents.cssから追加したソースはここから -----------------------------*/


/* ロールオーバーボタンのデザイン */

#rollover {margin:10px;
	padding-bottom:10px;}
#rollover a {display:block;
	height:22px;
	margin:5px 0;
	padding:2px 0 2px 20px;
	font-size:small;
	font-weight:bold;
	background:url("images_omdc/button.gif");}
#rollover a:hover {color:#009966;
	background-position:0 -30px;}
#rollover a:active {color:#ffffff;
	background-position:0 -60px;}


/* サムネイル付きメニューのデザイン */

#gallery {margin:10px 0;
	width:138px;
	background-color:#ffffff;
	border:1px solid #d5d5d5;}
#gallery li {height:60px;
	padding:10px 0 0 60px;
	border-bottom:1px dotted #666666;}
#sky01s {background:url("images/sky01s.jpg") no-repeat left;}
#animal01s {background:url("images/animal01s.jpg") no-repeat left;}
#sky02s {background:url("images/sky02s.jpg") no-repeat left;}
#sky03s {background:url("images/sky03s.jpg") no-repeat left;}
#sky04s {background:url("images/sky04s.jpg") no-repeat left;}

/* contents.cssからの変更はここまで -----------------------------*/


/* Newナビゲーションのデザイン */
#navigation {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 750px;
	background: #eeeeee url(."images_omdc/global_nav_bg.gif") left top repeat-x;
	border-bottom: 3px solid #CCCCCC;
}
#navigation li {
	float: left;
	width: 7em;
	border-right: 1px solid #CCCCCC;
}
#navigation li a {
	display: block;
	width: 100%;
	line-height: 2.5em;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #eeeeee url("images_omdc/global_nav_b_bg.gif") 0 0 repeat-x;
}
#navigation li a:hover {
	color: #FF0000;
	background: #0066cc url("images_omdc/global_nav_b_bg.gif") 0 -100px repeat-x;
}


/* Bottomナビゲーションのデザイン */

#navigation1 {
	width: 700px;
}
#navigation1 ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 24px;
	overflow: hidden;
              color: #cccccc;
	border-bottom: 0px solid #339900;margin-left:0px;
}
#navigation1 li {
	float: left;
	width: 100px;
	margin-left: 0px;
	padding: 0;
}
#navigation1 a {
	display: block;
	width: 100%;
	padding: 2px 0 8px 0;
	color: #000000;
	background-color: #eeeeee;
	background-image: url(#); /* オフマウス時の背景画像を指定 */
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration:none;
	text-align: center;
}
#navigation1 a:hover {
              color: #0000ff;
              text-decoration:underline;	
	background-image: url(#); /* オンマウス時の背景色を指定 */
	background-position: left top; /* オンマウス時の背景画像の開始位置を右上に指定 */
}

/* メインコンテンツ内の枠のデザイン１ */

#gallery1 {margin:10px 0;
              height:128px;
	width:520px;
	background-color:#cccccc;
	border:1px solid #cccccc;}
#gallery1 li {
              float:left;   
              height:128px;
             width:163px; 
	padding:10px 10px 0px 10px;}




/* メインコンテンツ内の枠のデザイン２ */
#gallery2 {margin:0px 0;
	width:500px;
	background-color:#ffffff;
	border:0px solid #ff0000;}
#gallery2 li {height:40px;
	padding:0px 0px 0px 60px;
	;}

/* banerのデザイン１ */

.baner {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.baner h2 {margin:0;
	padding:4px 0px 0px  2em;
              height: 22px;
	color:#000000;
              font-size:14px;
	background-color:#f5f5f5;
             border-left:5px solid #0066cc;
             border-bottom:1px solid #cccccc;}

/* banerのデザイン２ */

.news {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.news h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_news.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン３ */

.cons {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.cons h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_con.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン４ */

.comp {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.comp h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_comp.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン５ */

.book {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.book h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_book.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン６ */

.fom {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.fom h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_form.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン７ */

.medi {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.medi h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_medi.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン８ */

.semi {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.semi h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_sem.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン９ */

.prof {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.prof h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_prof.gif);
             border-bottom:0px solid #cccccc;}

/* banerのデザイン１０ */

.clea {width:100%;	/* IEのバグ対策 */
	margin-bottom:0px;
              padding-bottom:20px;
	border:0px solid #cccccc;
	background-color:#ffffff;}

.clea h2 {margin:0;
	padding:0em 2em;
              height: 26px;
	color:#000000;
              font-size:16px;
	background-image: url(images_omdc/midashi_clea.gif);
             border-bottom:0px solid #cccccc;}

/**************************************
***            Form           ***
*************************************/

.inquiry {
	width: 578px; /* ボックスの幅を指定 */
              margin-top:0px;
              padding:0px;
	border:0px solid #000000;
	background-color:#ffffff;
}
.inquiry table {
              
              margin-top:0px;
              padding:0px;
	border-top: 1px solid #cccccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;/* テーブルの幅を指定 */
}
.inquiry td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 10px;
}
.inquiry th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;	
	width: 170px;
}
.inquiry th.must {
	border-left-color: #D90000;
}
.inquiry th em {
	font-style: normal;
	color: #FF0000;
	padding-left: 5px;
}
.text1,.text2,.text3,.text4 {
	border: 1px solid #CCCCCC; /* 全方向に1pxのボーダーを指定 */
	background-color: #F3F3F3; /* コントロールの背景色を指定 */
	padding: 2px; /* 全方向にパディングを指定 */
}
.text1 {
	width: 100px; /* ボックスの幅を指定 */
}
.text2 {
	width: 4em; /* ボックスの幅を指定 */
}
.text3 {
	width: 90%; /* ボックスの幅を指定 */
}
.text4 {
	width: 90%; /* ボックスの幅を指定 */
}
.inquiry select {
	border: 1px solid #CCCCCC; /* 全方向に1pxのボーダーを指定 */
	background-color: #F3F3F3; /* コントロールの背景色を指定 */
}
.inquiry .submit {
	text-align: center; /* テキストを中央揃えに指定 */
	margin-top: 30px; /* 上方向にマージンを指定 */
}

/**************************************
***            add           ***
*************************************/
.module-content a {
                 color: #cc0000; text-decoration: none;}
.module-content a:visited {
                 color: #cc0000; }
.module-content a:hover; { 
                 text-decoration: underline; }