@charset "Shift_JIS";


/* --------------------------------------------------
共通のCSS
--------------------------------------------------- */




/* --- 全体の背景・テキスト----- */
body {
margin: 0;
padding: 0;
background-color: #fff; /* ページの背景色 */
color: #000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;
}



/* --- コンテナ------ */
#container {
margin: 0 auto; /* センタリング */
background-color: #fff; /* メインカラムの背景色 */
padding:0;
}



/* --- メインカラム----- */
#content {
width: 730px;
text-align:left;
padding: 0;
margin: 0;
}




/* -----------------------------------------------
 ▼▼▼ここからコンテンツ部分▼▼▼
---------------------------------------------- */

/* --- メインタイトル配置 ----------------------- */
.orphis_gyoshu_top_title{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:15px;
}


/* --- Before Afterタイトル配置 ----------------------- */
.before_after_t1{
margin:0;
height:52px;
}

.before_after_t2{
margin:0;
_margin-top:-6px;
height:40px;
}


/* --- Before After背景 ----------------------- */
.before_after_bg{
background: url(../images/before_after_bg.jpg) repeat-y;
font-size:12px;
color:#444;
_margin-top:-5px;
}


/* --- Before After左右分 ----------------------- */
.before_after_left{
float:left;
margin-left:50px;
_margin-left:22px;
}

.before_after_right{
float:left;
margin-left:10px;
width:515px;
}


/* --- Before After点線 ----------------------- */
.before_after_dotted_line{
background: url(../images/before_after_dotted_line.gif) repeat-x;
height:20px;
clear:left;
margin-left:45px;
width:645px;
}


/* --- Before After囲い下 ----------------------- */
.before_after_bottom{
margin:0;
height:45px;
}



/* --- 解決 タイトル ----------------------- */
.solution_t{
margin-top:7px;
height:54px;
}


/* --- 解決 背景／オレンジ ----------------------- */
.solution_bg{
background: url(../images/solution_bg.jpg) repeat-y;
font-size:12px;
color:#444;
padding-bottom:15px;
margin-bottom:15px;
_margin-top:-3px;
}


/* --- 解決 背景／白 ----------------------- */
.solution_bg_w{
background-color: #fff;
margin-left:35px;

padding-bottom:15px;
width:664px;
}


/* --- 解決 各タイトル配置 ----------------------- */
.solution_subt{
padding:2px;
}


/* --- 解決 左右分 ----------------------- */
.solution_left{
float:left;
margin-top:5px;
margin-left:15px;
}

.solution_right{
float:left;
margin-top:8px;
margin-left:10px;
width:520px;
line-height:18px;
}


/* --- 解決 問題点の茶色文字 ----------------------- */
.solution_right_brown{
font-size:14px;
font-weight:bold;
color:#95744a;
padding-bottom:6px;
}


/* --- 解決 オルフィスで解決の矢 ----------------------- */
.solution_ya{
margin-top:5px;
margin-left:15px;
}


/* --- サンプル ブロック ----------------------- */
.sample_block {
width: 694px;
margin: 0 0 20px 20px;
clear: both;
}
.sample_inblock {
width: 670px;
margin-left: 20px;
}

.sample_inblock:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden;}


/* --- サンプル タイトル配置 ----------------------- */
.sample_t{
margin-top:55px;
margin-left:20px;
}


/* --- サンプル タイトル配置 ----------------------- */
div.sample_subt{ margin: 0 0 10px; clear: both;}


/* --- サンプル 左右分け ----------------------- */
.sample_left{
float:left;
margin-left:42px;
_margin-left:22px;
margin-bottom:15px;
padding-top:8px;
}

/*.sample_right { float:left; margin-bottom:15px;}*/

div.sample_img { float:right; margin-bottom:15px; padding: 0;}

p.sample_txt { 
width: 220px; 
margin: 0; 
padding: 0;
float:left; 
font-size: 115%;
_font-size: 100%;
line-height: 180%;
_line-height: 160%;
color: #333;
display:block;
}



/* --- 下部テキストリンク ----------------------- */
div.sample_link {
width:690px;
margin-top:10px;
margin-left:20px;
margin-bottom:10px;
text-align:center;
font-size:12px;
line-height:25px;
clear: both;
color: #ccc;
}


/* --- 下部テキストリンク点線 ----------------------- */
.sample_link_dotted_line{
background: url(../images/before_after_dotted_line.gif) repeat-x;
height:20px;

}


/* --- ページ内汎用 ----------------------- */
.clear_box{
clear:left;
height:1px;
}

.font90p {
    font-size: 85%;
}

#mainContents:after {
clear:both;
}

/* --- 個々のアイコン下のテキストリンク --- 
/*color: #945001; 控えカラー*/
div.sample_link a:link { color: #06319E; text-decoration:none; }
div.sample_link a:visited { color: #06319E; text-decoration:none; }
div.sample_link a:hover { color: #06319E; text-decoration:underline; }
div.sample_link a:active { color: #06319E; text-decoration:none; }

*/