@charset "Shift_JIS";

body {
background-color: #ffffff;
color: #ffffff;
}

/*============================================
ｓ-ｖａｌｕｅ表示
============================================*/
div#header {
	height:42px;	                /*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("im/welcome.gif");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/
}

span.letter1
        {color:#0101DF; position:relative; 
        font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
	    text-shadow: 0.1em 0.1em 2px #FBEFF2; font-size:150%; top:-65px; left:70px }
span.letter2
         {color:#0101DF; position:relative; 
        font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
	    text-shadow: 0.1em 0.1em 2px #FBEFF2; font-size:100%; top:-65px; left:70px }


/*============================================
上部イメージ写真　一定時間切替表示
============================================*/
div#main {
	width:100%; margin:0 auto;　　　/*margin:10px 0px 0px 0px;　幅の指定と位置調整*/
}
span.letter3
        {color:#FE9A2E; position:relative; 
        font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
        text-shadow: 0.1em 0.1em 2px #0000aa; 1px; font-size:130%; top:-190px; left:660px }

/*============================================
直近キャッチフレーズ
============================================*/
div#phrase {
        width: 800px;
        margin-top: -30px ;
        margin-bottom:-30px ;　
        padding: 0px;
        font-size: 115%;
        background-color: #F5D0A9;
        color: #000000;
        text-align: left;
        border-radius: 0px;

        font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
        text-shadow: 0.0em 0.0em 0px #ffffff; 0px; 
        top:-150px; left:5px;
}

/*============================================
サービスイメージ３写真表示
============================================*/
div#service {
	margin:-45px 0px 0px 0px; auto;　                /*margin:-100px 0px 0px 0px;　幅・位置調整*/
}

span.letter4
        {color:#000000; position:relative; 
        font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
        text-shadow: 0.0em 0.0em 0px #0000aa; 0px; font-size:150%; top:5px; left:15px }


/*============================================
ご支援内容の説明
============================================*/
div#message {
	width:800px; text-align:left; margin-top:-20px ; /*幅の指定と位置調整*/
	float:right;			        	 /*カラムを右寄せにする*/
	background-image:url("images/bar_pickup.gif");	 /*右カラムの背景画像*/
	background-repeat:no-repeat;		         /*背景画像を繰り返さない*/
}
        p {font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; 
        text-shadow: 0.1em 0.1em 2px #ffffff; 1px; 
        font-size:100%; margin:0px 0px 0px 18px; text-indent:0px;}  /*margin:上、右、下、左の順