@import url(textsettings.css);

/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

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

a:link{

}
a:visited{

}
a:hover{

}
a:active{

}



/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */




/* #main-area、submenu-area、sectionの細かい指定は、下記に記載する */



/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */



/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */
.section {
	width:640px;
	background:#FFFFFF;
	padding:5px;
	text-align:left;
	margin-bottom:35px;
}

/* hide from Mac IE \*/
* html .section {
	padding-right:3px;
}
/* */ 


.section img {
	line-height:1;
	display:block;
	margin:0px;
	padding:0px;
}

/* ------------------------------------------------------------ */
/* 右側 */
/* ------------------------------------------------------------ */
.right_pro {
	float:right;
	width:370px;
	padding:15px 10px 0px 0px;
}

.right_pro.rs_margin {
	width:385px;
}

.right_pro p {
	text-align:left;
	padding-top:10px;
	margin:0px;
}


/* ------------------------------------------------------------ */
/* 左側 */
/* ------------------------------------------------------------ */
.left_pro {
	float:left;
	width:365px;
	padding:15px 0px 0px 10px;
}

.left_pro.tanbo {
	width:315px;
}

.left_pro p {
	padding-top:10px;
	margin:0px;
}

.right_photo {
	float:right;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* Clearfix */
/* ------------------------------------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}



/* ------------------------------------------------------------ */
/* section（Clearfix） */
/* ------------------------------------------------------------ */

.section:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.section {
  min-height: 1px;
}

* html .section {
  height: 1px;
  /*¥*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}