@charset "utf-8";
/*
Theme Name: atelierm
Theme URI: http://spicahome.ddo.jp/
Description: アトリエエム株式会社様用オリジナルテーマ
Version: 1.0.0
Author: Akito Shintani
Author URI: http://spicahome.ddo.jp/
Tags: , , , , 

*/



/* 4.基本レイアウト
==============================================================*/
hr{
 display:none;
}

li{
 list-style:none;
}

a img {
 border-style:none;
}

body{
 font-family : Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ ゴシック','MS Gothic',sans-serif;
 color:#5E5E5E;
 background:url("images/bgd.jpg") repeat-x 0 0;
 background-attachment: fixed; 
 margin: 0;
 padding: 0;
 text-align: center;
 font-size:80%;
}

#container{
 width:820px;
 margin: 0 auto;
 padding: 0;
 background-color:#ffffff;
 text-align: left;
}

#container_in{
 margin: 0px 10px;
 padding: 0;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.clear { clear: both; } 

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* 4.ヘッドナビ
==============================================================*/
#h_navi {
 width:800px;
 height: 25px;
 margin: 10px 0px 10px 0px;
 padding: 0;

}

#h_navi1 a, #h_navi2 a , #h_navi3 a , #h_navi4 a {
 height: 25px;
 text-indent: -9999px;
 float: right
}
#h_navi1 a {
 width: 80px;
 background: url(images/h_navi1.gif);
}
#h_navi2 a {
 width: 110px;
 background: url(images/h_navi2.gif);
}
#h_navi3 a {
 width: 158px;
 background: url(images/h_navi3.gif);
}
#h_navi4 a {
 width: 110px;
 background: url(images/h_navi4.gif);
}
#h_navi1 a:hover, #h_navi2 a:hover, #h_navi3 a:hover, #h_navi4 a:hover {
 background-position:top right; 
}

#h_serch {
 height: 25px;
 float: right
}

#g_navi{
 width:210px;
 float: left;
}

#main{
 width:575px;
 float: right;
}

#main_all{
 width:575px;
 float: right;
}

#footer{
 width:800px;
 clear: both;
}

/* 4.グローバルナビ
==============================================================*/
/* 
h1 ,h1 a{
 width: 210px;
 height: 115px;
 background: url(images/h1.gif);
 text-indent: -9999px;
 margin: 0;
 padding: 0;
 display:block; 
}
 */

h1 ,h1 a{
 width: 0px;
 height: 0px;
 text-indent: -9999px;
 margin: 0;
 padding: 0;
 display:block; 
}

#g_navi p {
 margin: 3px 0px;
}
#g_navi1 a ,
#g_navi2 a ,
#g_navi3 a ,
#g_navi4 a ,
#g_navi5 a ,
#g_navi6 a ,
#g_navi7 a ,
#g_navi8 a ,
#g_navi9 a ,
#g_navi10 a ,
#g_navi11 a {
 text-indent: -9999px; 
 width: 210px; 
 display:block; 
 background-position:left; 
 background-repeat: no-repeat;
}
#g_navi1 a ,
#g_navi2 a ,
#g_navi3 a ,
#g_navi4 a {
 height: 60px; 
}
#g_navi5 a ,
#g_navi6 a ,
#g_navi7 a ,
#g_navi8 a ,
#g_navi9 a ,
#g_navi11 a {
 height: 40px; 
}
#g_navi10 a {
 height: 60px; 
}

#g_navi1 a {
 background: url(images/g_navi1.gif); 
}
#g_navi2 a {
 background: url(images/g_navi2.gif); 
}
#g_navi3 a {
 background: url(images/g_navi3.gif); 
}
#g_navi4 a {
 background: url(images/g_navi4.gif); 
}
#g_navi5 a {
 background: url(images/g_navi5.gif); 
}
#g_navi6 a {
 background: url(images/g_navi6.gif); 
}
#g_navi7 a {
 background: url(images/g_navi7.gif); 
}
#g_navi8 a {
 background: url(images/g_navi8.gif); 
}
#g_navi9 a {
 background: url(images/g_navi9.gif); 
}
#g_navi10 a {
 background: url(images/g_navi10.gif); 
}
#g_navi11 a {
 background: url(images/g_navi11.gif); 
}

#g_navi1 a:hover  ,
#g_navi2 a:hover  ,
#g_navi3 a:hover  ,
#g_navi4 a:hover  ,
#g_navi5 a:hover  ,
#g_navi6 a:hover  ,
#g_navi7 a:hover  ,
#g_navi8 a:hover  ,
#g_navi9 a:hover  ,
#g_navi10 a:hover  ,
#g_navi11 a:hover  {
 background-position:right; 
}

/* 4.トップページメイン写真
==============================================================*/
#mainimage {
 width: 575px;
 height: 250px;
 background: url(images/main.png);
}

/* 4.基本レイアウト
==============================================================*/
#main h2 {
 width: 575px;
 height: 80px;
 background: url(images/h2.gif);
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}

#main h4 {
 margin: 0;
 padding: 0;
}

#copy1 {
 width: 575px;
 height: 55px;
 background: url(images/copy1.gif);
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}

#con_hd1 {
 width: 575px;
 height: 63px;
 background: url(images/con_hd1.gif);
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}

#con {
 width: 575px;
 margin: 0;
 padding: 0;
 background: url(images/con_bg.gif);
}

#con_in { }
#con_lef  { float:left; }
#con_rig  { float:left; }
#con_fot  {
 width: 575px;
 height: 1px;
 margin: 0;
 padding: 0;
 clear:both; 
 background-color:#838383;
 overflow: hidden;
}

#con_01 {
 width: 277px;
 height: 195px;
 margin: 7px;
 padding: 0;
 background: url(images/con_01.png);
 text-indent: -9999px;
 position:relative;
}

#con_02 {
 width: 277px;
 height: 195px;
 margin: 7px;
 padding: 0;
 background: url(images/con_02.png);
 text-indent: -9999px;
 position:relative;
}

#con_03 {
 width: 277px;
 height: 195px;
 margin: 7px 0px 7px 0px;
 padding: 0;
 background: url(images/con_03.png);
 text-indent: -9999px;
 position:relative;
}

#con_04 {
 width: 277px;
 height: 195px;
 margin: 7px 0px 7px 0px;
 padding: 0;
 background: url(images/con_04.png);
 text-indent: -9999px;
 position:relative;
}

#con_01 a, #con_02 a, #con_03 a, #con_04 a {
 position:absolute;
 top:129px;
 left:10px;
 width: 151px;
 height: 56px;
 background: url(images/botan.gif);
}
#con_01  a:hover, #con_02  a:hover, #con_03  a:hover, #con_04 a:hover {
 background-position:right; 
}

#space  {
 width: 575px;
 height: 10px;
 margin: 0;
 padding: 0;
}

#con_hd2 {
 width: 575px;
 height: 63px;
 background: url(images/con_hd2.gif);
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}

td.reef { background-image: url(images/h3bg5.jpg); 
background-position: right bottom; 
background-repeat: no-repeat;
}

/* 4.フッターレイアウト
==============================================================*/
#boder {
 margin: 0;
 padding: 0;
 width: 800px;
 height: 4px;
 background-color:#005acb;
 clear: both;
 overflow: hidden;
}

#add1 {
 width: 800px;
 height: 24px;
 margin: 0; padding: 0;
 background: url(images/add1.gif);
 text-indent: -9999px;
}

#add2 {
 width: 800px;
 height: 18px;
 margin: 0; padding: 0;
 background: url(images/add2.gif);
 text-indent: -9999px;
}

#add3 {
 width: 800px;
 height: 18px;
 margin: 0; padding: 0;
 background: url(images/add3.gif);
 text-indent: -9999px;
}


/* 6.リーダ設定
==============================================================*/
#hide {
 margin: 0;
 padding: 0;
 width: 820px;
 height: 4px;
 overflow: hidden;
 background-color:#005acb;
 text-indent: -9999px;
}

/* 7.お知らせ記事
==============================================================*/
#main div.news-area {
 position:relative;
}

#main div.news-area dl{
 margin:10px;
}

#rssg a {
 position:absolute;
 top:-50px;
 left:355px;
 width: 64px;
 height: 19px;
 background: url(images/rssg.gif);
 text-indent: -9999px;
}

#news a {
 position:absolute;
 top:-50px;
 left:435px;
 width: 120px;
 height: 19px;
 background: url(images/news.gif);
 text-indent: -9999px;
}
#rssg a:hover, #news a:hover {
 background-position:top right; 
}


#main div.news-area dl dt{
 float:left;
 width:130px;
 letter-spacing:normal;
 margin:0px;
 color:#005acb;
}

#main div.news-area dl dd a,
#main div.news-area dl dd{
 display:block;
/* float:right;
 width:420px;*/ 
 margin:0px;
}

/* 8.その他のページ共通
==============================================================*/
#h_serch , #searchsubmit{ 
 font-size:11px;
}

#main_all h2{ 
 font-weight: bolder;
 font-size:120%;
}

#main_all h3{ 
 font-weight: bold;
 font-size:120%;
 width: 575px;
 background: url(images/h3bg3.gif) no-repeat;
 padding-top: 32px;
 text-indent: 24px;
 color:#005acb;
 border-bottom: 4px solid #8dbee6;
}

#main_all p{ 
 line-height: 1.5em;
}

#happa{ 
 width:100%;
 background: url(images/h3bg2.gif) bottom right no-repeat;
}

#happa2{ 
 width:100%;
 background: url(images/h3bg4.gif) top right no-repeat;
}

.redsmall {
	color: #FF0000;
	font-size: 70%;
}

.photo1 { float: left; 
margin: 5px 10px; } 

/* 4.clearfix
==============================================================*/
.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}