@charset "UTF-8";
/* CSS Document */



/* ページ全体
---------------------------------------------------- */

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

body {
	color:#2b2b2b;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	line-height:1.6;
	background-color:#ffc7c7;
	word-wrap : break-word;
}


/* リンク
---------------------------------------------------- */

a,a:link{
	text-decoration: none;
	color:#ED9DAB;
}
a:visited{
	text-decoration: none;
	color:#ED9DAB;
}
a:hover{
	text-decoration: underline;
	color:#ED9DAB;
}


/* リスト
---------------------------------------------------- */

.list_base{}

/* 文字の設定
---------------------------------------------------- */

.txt_left{ text-align:left;}
.txt_center{ text-align:center;}
.txt_right{ text-align:right;}

.s{
	font-size:85%;
	line-height: 125%;
}
.m{font-size:120%;}
.l{font-size:170%;}

.bold{font-weight:bold;}
.red{color:#c7000b!important;}

.red a,.red a:link{color:#C60909!important;}
.red a:hover{text-decoration:underline!important;}



/* 見出し
------------------------------------------------------------ */

h1 {}
h2 {}
h3 {}
h4 {}


/* ヘッダー
------------------------------------------------------------ */
header{ text-align:center;}


/* フッター
------------------------------------------------------------ */
#footer_wrap{ width:100%; border-top:1px solid #f0bebd;}
footer{ width:600px; margin:0 auto; text-align:center;}
.copyright{ background:url(/img/coyright.gif) no-repeat 0 0; width:350px; height:10px; margin:0 auto; margin-top:14px; text-indent:-999999px;}


/* フッターを常に下に表示させる場合
------------------------------------------------------------ */
#footer_wrap{
    position:absolute;
    bottom:0px;
    height:38px;
    width:100%;}
div#container{
    width: 100%;
    margin:0 auto;
    position:relative;
    min-height: 100%;
}
body > #container { height: auto; }
div#wrap{ padding-bottom:38px;}


/* ページナビ
------------------------------------------------------------ */

.pagetop{ position:fixed; bottom:10px; right:10px; width:52px; height:52px; display:none!important;}


/* コンテンツ
------------------------------------------------------------ */
#wrap{width:100%; background:url(/img/con_bg.jpg) repeat-x 0 0;}
#main_wrap{width:600px; margin:0 auto; }
#main_wrap main{}
.con_wrap{}

h1{ padding:30px;}
h2{ padding-bottom:12px;}
section{ padding-bottom:30px;}

ol{ margin-left:20px;}
ol li{ padding-bottom:8px;}





/* 画像のホバー設定
---------------------------------------------------- */

a div,a img, input[type="image"]{
	transition-duration:0.1s;
	-webkit-transition-duration:0.1s;
	-o-transition-duration:0.1s;
	-moz-transition-duration:0.1s;}

a:hover div,a:hover img, input[type="image"]:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

h1 a:hover img,
a:hover div img{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";}


.ie8 a:hover div, .ie8 a:hover img, .ie8 input[type="image"]:hover,
.ie7 a:hover div, .ie7 a:hover img, .ie7 input[type="image"]:hover,
.ie6 a:hover div, .ie6 a:hover img, .ie6 input[type="image"]:hover {
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}