@charset "euc-jp";


/*-----reset-------*/

* {
	margin: 0;
	padding: 0;
}

html {
	color:#333;
	font-size:14px;
	line-height:1.4;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	overflow-y:scroll;
}

body {
	background:url(../images/background.jpg) left top;
}

body,div,h1,h2,h3,img { margin:0; padding:0;}
img { border:0;}

h1,h2,h3 {font-size:100%;font-weight:normal;}

/*-----reset-------*/


/* clearfix */
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
	display: inline-block;
}

/* IE7 */
 *+html .clearfix {
 	display: inline-block;
}


/*-------------------------------------
wrapper
---------------------------------------*/
/* Wrapper */
.wrapper01 {
	width:760px;
	margin:0 auto;
	background:url(../images/headerline.gif) left top repeat-x #ffffff;
	padding:40px 20px 40px 20px;
}


/*-------------------------------------
header
---------------------------------------*/
#header{ margin-bottom:20px;}


/*-------------------------------------
main
---------------------------------------*/
/* 見出し */
h1{
	font-size:30px;                     /* フォント30px */
	font-weight:bold;                   /* 太字 */
	color:#1ad0d2;                      /* カラーを青 */
}

h2{
	font-size:20px;
	font-weight:bold;
	color:#5e3c11;
	border-left:8px solid #e54564;      /* 左側に8pxのピンクの太線 */
	border-bottom:1px dotted #e54564;   /* 下に1pxのピンクの破線 */
	padding-left:5px;                   /* 文字の左側を5px空ける */
}

h3{
	font-size:18px;
	font-weight:bold;
	color:#5e3c11;
	border-bottom:3px solid #d5c7ab;
}


/* margin */
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}

/* 位置指定 */
.alR {text-align:right;}

/* テキスト装飾 */
.corYellow{ font-weight:bold; color:#f0bc34; }                                  /* 太字で、カラーを黄色 */
.corPink{ font-weight:bold; color:#e54564; } 
.corBlue{ font-size:18px; font-weight:bold; color:#219ff7; } 
.bgYellow{ font-weight:bold; color:#e54564; background:#ffee91; padding:3px; }  /* 太字で、カラーをピンク、背景を黄色、余白を3px */

.linePink{ border-bottom:1px dashed #e54564;}                                   /* 下に1pxのピンク破線 */

.discription{ font-size:10px; margin-top:10px;} 


/* リンク */
a:link {   color: #12b4ae; text-decoration: none;}   /* リンクカラーを緑、下線なし */
a:visited {color: #12b4ae; text-decoration: none;}   /* 訪問済リンクカラーを緑、下線なし */
a:hover {  color: #0b7c78; text-decoration: none;}   /* マウスを乗せたときのカラーを緑、下線なし */


/* 中身 */
.contents {
	margin:10px 0 30px 0;
}

.contentsbg {
	margin:10px 0 30px 0;
	background:url(../images/contents_bg.jpg) right 20px no-repeat;
}

.sub {
	text-align:right;     /* 右寄せ */
	margin:5px 0 10px 0;  /* 上5px、下10pxの余白 */
}


/* 横並び部分 */
.leftBox {
	width:418px;
	float:left;     /* 左寄せ */
}

.rightBox {
	width:322px;
	float:right;     /* 右寄せ */
}


/* 説明ボックス */
.blueBox {
	width:625px;
	background:url(../images/box_bg.gif) left top repeat-x #e0faff;  /* 上部に画像を引く、他部分の背景は青 */
	padding:25px 20px 20px 20px;                                     /* 上25px、左右下20pxの余白 */
	border:2px solid #77d7e9;                                        /* 青の2pxの線をつける */
	margin-top:20px;                                                 /* 上の要素から説明ボックスまで、上20px空ける */
}

.blueBox p{
	font-size:12px;
	color:#207a8b;
}

.blueBox p.tit{
	font-size:14px;
	font-weight:bold;
	color:#133b7e;
}

.orangeBox {
	background:#fffde0;
	padding:10px; 
	border:1px solid #ff8131;
	margin:10px 0;
	color:#f44b00;
}


/* アンカーリンク */
ul.ancNavi{
	font-size:12px;
	list-style:none;        /* 元々listタグについているアイコンを消す */
	margin:0 0 20px 0;      /* アンカー下に20pxの余白 */
	padding:0;              /* 元々listタグについている余白を消す */
}

ul.ancNavi li{
	float:left;                                               /* 横並びにするため */
	background:url(../images/icon.gif) left center no-repeat; /* 背景にアイコン画像を設置する */
	border-right:1px solid #333;                              /* 右側に仕切り線を入れる */
	padding:0 20px 0 17px;                                    /* アイコンや線に被らないように余白を入れる */
	margin:0 0 0 20px;                                        /* 仕切り線から右側の余白を入れる */
}

ul.ancNavi a{
	color:#8b2c3f;
}

.icon{
	color:#e54564;
}

/* 一番上へ戻る */
.toTop {
	font-size:12px;
	text-align:right;
}

.toTop a{
	color:#8b2c3f;
}



/*-------------------------------------
footer
---------------------------------------*/

#footer {
	margin-top:50px;
	border-top:1px solid #ccc;
}

#footer p {
	margin:15px;
	font-size:12px;
	text-align:center;
}