a{
	margin: 0px;
	padding: 0px;
}

* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img{
    margin:0;
    padding:0;
}
ul,li{ margin: 0; padding: 0; list-style:none; }
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 2.2;
	letter-spacing:1px;
	background-attachment: fixed;
	background-image: url(images/back.gif); 
	background-position: center bottom;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-repeat:repeat-x;
	color: #000000;
	}
.cap{
	font-size:12px;
	line-height:1.4;}

.yodogawa{
	text-align:center;
	margin:20px;}

#wrapper{
	margin: 0 auto;
	background: url(images/base.png) repeat-y center top; 
	text-align: center;
	}
.header{
	width:900px;
	margin:0 auto;}

.title{
	width:600px;
	padding-top:20px;
	margin:0 auto;
	text-align:center;}
	
#col01{
	padding-top:80px;
	width:980px;
	margin:0 auto;
	height:auto;}

#col01 li{
	float:left;
	width:450px;
	text-align:left;
	margin-left:40px;}
	
#col02{
	padding-top:80px;
	width:1000px;
	margin:0 auto;
	height:auto;}

#col02 li{
	float:left;
	text-align:left;
	margin-left:50px;}

.mt-60{
	padding-top:80px;}

.mt-20{
	padding-top:20px;}

.mr-60{
	padding-left:60px;}


#col03{
	padding-top:80px;
	width:950px;
	margin:0 auto;
	height:auto;}

#col03 li{
	float:left;
	text-align:left;
	margin-left:20px;}

.pa50{
	padding:30px;}

#col04{
	width:1000px;
	margin:0 auto;
	height:auto;}

#col04 li{
	float:left;
	text-align:left;
	margin-left:60px;}
	
#tailor{
	width:340px;
	text-align:left;
	padding:30px;
	margin:0 auto;}

#icon_start {
position: relative;
z-index: 1;
position: absolute;
top: 20px;
right: 10px;
}

/* talk --------------- */
.conv {
	width: 600px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	display: block;
}

.conv dt {
	float: left;
	text-align: left;
	padding-left: 50px;
	color:#736357;
	font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

dl {
	padding-top:30px;
	padding-bottom:30px;
	margin:0;
	color:#736357;
	font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.conv dd {
	width: 410px;
	float: right;
	text-align: left;
	color:#736357;
	font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* photo --------------- */
.photo {
	margin: 20px 0 40px 0;
	text-align: center;
}

.conv:before,
.conv:after {
    content: " ";
    display: table;
}
.conv:after {clear: both;}

#archive{
	width:680px;
	margin:0 auto;
	margin-bottom:50px;
}

/* navi --------------- */

ul,li{ margin: 0; padding: 0; list-style:none; }

.navi li{
	float:left;
	margin-left:60px;
	width:170px;
	text-align:center;
	font-size:12px;
	font-weight:bold;}

.navi ul{
	padding:60px;
	width:980px;
	margin:0 auto;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

 html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*　リンク　*/

a:link{ color: #4694D1; text-decoration: none; }
	 
a:visited{ color: #00695d; text-decoration: none; }
	 
a:hover{ color: #F7931E; text-decoration: none; }