/* charset */
@charset "shift_jis";


/*
	Site Name:PRIMO LLC
	Number:03
	Css Name: common.css
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		- float
		- block / inline
		- text-align
		- margin
		- table
		- headings
	3: link setting
	4: layout setting
		- template parts
		- container
		- header
		- navi_global
		- wrapper
		- navi_left
		- img_top
		- img_area
		- breadcrumbs
		- contents, contents_l_01, contents_r_01
		- navi_right
		- footer
	5: contents setting

==========================================================
*/

/*
===== 1: universal reset =================================
*/

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
table,th,td,
dl,dt,dd,
form {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	font-style: normal;
	letter-spacing: 0;
}

body,
html {
	height:100%;
}

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

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

caption {
	font-size: 100%;
}

/*
===== 2: body and base setting ===========================
*/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	background-image: url(../images/bg_body_01.gif);
	background-repeat:repeat-x;
}

img {
	border: none;/* img do not want a border */
	display: inline;/* img default setting */
}

hr {
}

span {
}

.clear {
	padding: 0px;
	margin: 0px;
	clear: both;
}

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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.hidden {
	display: none;
}

.middle {
	vertical-align: middle;
}

.bold {
	font-weight: bold;
}

/* ----------------------------- float ----------------------------- */

.float_l {
	float: left;
}

.float_r {
	float: right;
}

/* ----------------------------- block / inline ----------------------------- */

.block {
	display: block;/* img default setting : inline  */
}

.inline {
	display: inline;
}

/* ----------------------------- text-align ----------------------------- */

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* ----------------------------- margin/padding ----------------------------- */
.pa_le_10 {
	padding-left:10px;
}

.pa_le_15 {
	padding-left:15px;
}

.pa_le_25 {
	padding-left:25px;
}

.pa_le_30 {
	padding-left:30px;
}

.pa_le_40 {
	padding-left:40px;
}

.pa_le_50 {
	padding-left:50px;
}

.pa_le_25_120 {
	padding-left:25px;
	padding-right:120px;
}

.pa_le_25_25 {
	padding-left:25px;
	padding-right:25px;
}

.pa_le_25_15 {
	padding-left:25px;
	padding-top:15px;
}

.pa_ri_10 {
	padding-right:10px;
}

.pa_ri_25 {
	padding-right:25px;
}

.pa_to_10 {
	padding-right:25px;
	padding-top:10px;
}

.pa_to_3 {
	padding-top:3px;
}

.pa_to_10 {
	padding-top:10px;
}

.pa_to_20 {
	padding-top:20px;
}

.pa_bo_25 {
	padding-bottom:25px;
}

.ma_bo_10 {
	margin-bottom:10px;
}

.ma_le_10 {
	margin-left:10px;
}

.ma_ri_10 {
	margin-right:10px;
}

.ma_le_15 {
	margin-left:15px;
}

.ma_bo_25 {
	margin-bottom:25px;
}

.ma_to_22 {
	margin-top:22px;
}


/* ----------------------------- table ----------------------------- */

table.news_01 {
	width:460px;
	font-size:80%;
	cellpadding:0;
	cellspacing:0;
}

table.news_01 tr {
	height:30px;
	background-image:url("../images/bg_list_01.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

td.tdleft_01 {
	width:9.5em;
	background-image: url("../images/icon_03.gif");
	background-repeat:no-repeat;
	background-position:left;
}


/* ----------------------------- headings ----------------------------- */

h1{
	height:30px;
	margin:0;
	background-image: url(../images/h1_01_750.gif);
	background-repeat:no-repeat;
	font-size:95%;
	padding-left:40px;
	color:#88AEC2;
}

h2{
	padding:0;
	margin:0;
}

h2.contact {
	height:30px;
}

h3{
	font-size:80%;
	border-bottom:1px #114F6F solid;
	color:#114F6F;
}

h4 {
	height:30px;
	line-height:30px;
	background:url(../images/bg_h4_01.gif) no-repeat;
	margin-left:10px;
	padding-left:40px;
	font-size:80%;
	color:#016599;
}


/*
===== 3: link setting ===========================
*/

a {
	color: #016599;
	text-decoration: none;
	background-color: transparent;
}

a:link {
	color: #016599;
	text-decoration: none;
	background-color: transparent;
}

a:visited {
	color: #08354D;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #127CB3;
	text-decoration: underline;
}


/*
===== 4: layout setting ===========================
*/

#container {
    width:800px;
	min-height:100%;
	_height:100%;
	margin:0 auto;
	text-align:left;
	background-image: url(../images/bg_body_03.gif);
	background-repeat:repeat-y;
}

#header {
	height:110px;
}

#navi_global {
	width:800px;
	height:35px;
	background-image: url(../images/bg_navi_global_01.gif);
	background-repeat:no-repeat;
}

#img_top {
}

#img_area {
}

#breadcrumbs {
	height:25px;
	line-height:25px;
	font-size:75%;
}

#wrapper {
	width:750px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

#contents {
}

#contents_l_01 {
	float:left;
	width:460px;
	margin-right:25px;
}

#contents_r_01 {
	float:left;
	width:265px;
}

#contents_l_01_sub {
	float:left;
	width:265px;
	margin-right:25px;
}

#contents_r_01_sub {
	float:left;
	width:460px;
}

#contents_l_02 {
}

#contents_r_02 {
}

#contents_c_01 {
	height:30px;
	line-height:30px;
	background-image:url(../images/bg_sitemap_01.gif);
	background-repeat:no-repeat;
}

#contents_c_02 {
	background-image:url(../images/bg_sitemap_02.gif);
	background-repeat:repeat-y;
}

#contents_c_03 {
	height:30px;
	line-height:30px;
	background-image:url(../images/bg_sitemap_03.gif);
	background-repeat:no-repeat;
}

#footer {
	clear: left;
	width:100%;
	margin-top:40px;
}

/*
===== 5: contents setting ===========================
*/

/* ----------------------------- template parts ----------------------------- */
.pagetop {
	height:30px;
	line-height:30px;
	margin-bottom:25px;
	background-repeat:no-repeat;
	text-align:right;
	font-size:70%;
}

.img_icon {
	padding-right:5px;
}

* html body dl.list_01 dd div{
   display:inline-block;
}

dl.list_01 {
	width:460px;
	border-bottom:2px dotted #016599;
}

dl.list_01 dt {
   float:left;
   width:10em;
   /*height:20px;*/
   padding-top:10px;
   padding-bottom:0;
   padding-right:10px;
   background-image: url(../images/icon_01.gif);
   background-position:10px 10px;
   background-repeat:no-repeat;
   font-size:80%;
	border-top:2px dotted #016599;
}

dl.list_01 dd {
   /*height:20px;*/
   margin-left:10em;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:2px dotted #016599;
   background-repeat:repeat-x;
   background-position:top;
   font-size:80%;
	text-indent:-1em;
}

dl.list_01 dt.first {
   float:left;
   width:10em;
   /*height:20px;*/
   padding-bottom:0;
   padding-right:0;
   background-image: url(../images/icon_02.gif);
   background-repeat:no-repeat;
   font-size:80%;
}

dl.list_01 dd.first {
   /*height:20px;*/
   margin-left:10em;
   padding-bottom:10px;
   padding-right:10px;
   background-repeat:repeat-x;
   background-position:top;
   font-size:80%;
}

.textbox_01 {
   line-height:1.5;
   background-image: url(../images/bg_textbox_01.gif);
   background-repeat:no-repeat;
   background-position:bottom right;
   font-size:80%;
}

.box_border_01 {
	border:#999999 1px solid;
	padding:10px;
}

* html body dl.list_02 dd div{
   display:inline-block;
}

dl.list_02 {
   border:1px solid #88AEC2;
   border-top:0;
   font-size:80%;
}

dl.list_02 dt {
   float:left;
   width:10em;
   border-top:1px solid #88AEC2;
   padding-top:10px;
   padding-left:10px;
   padding-bottom:0;
   padding-right:0;
}

dl.list_02 dd {
   margin-left:10em;
   padding:10px;
   border-top:1px solid #88AEC2;
   border-left:1px solid #88AEC2;
}

.textbox_02 {
   line-height:1.5;
   font-size:80%;
}

#navi_local_01 {
	width:265px;
	background-image: url(../images/bg_navi_local_01.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	font-size:80%;
}

.navi_local_area_01 {
	width:265px;
	height:25px;
	line-height:25px;
	background-image: url(../images/bg_navi_local_03.gif);
	background-repeat:no-repeat;
}

.navi_local_area_01 img {
	margin-left:15px;
}

* html body dl.list_03 dd div{
   display:inline-block;
}

dl.list_03 {
   border-bottom:1px solid #016599;
   font-size:80%;
}

dl.list_03 dt {
   float:left;
   width:15em;
   border-top:1px solid #016599;
   padding-top:10px;
   padding-bottom:0;
   padding-right:0;
}

dl.list_03 dd {
   margin-left:15em;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:1px solid #016599;
}

.form_01 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 450px;
    height: 30px;
}

.form_01 p {
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0;
    padding: 0;
    width: 450px;
}

.form_02 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 450px;
    height:120px;
}

.form_02 p {
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0;
    padding: 0;
    width: 450px;
}

.box_input_01 {
	width:30em;
	font-size:1.0em;
}

.box_input_02 {
	width:30em;
	height:110px;
	font-size:1.0em;
}

.border_bottom_01 {
	border-bottom:1px #88AEC2 solid;
}

/*question.html*/
* html body dl.list_04 dd div{
   display:inline-block;
}

dl.list_04 {
   border:1px solid #127CB3;
   border-top:0;
   background:#88AEC2;
   font-size:80%;
}

dl.list_04 dt {
   float:left;
   width:5em;
   border-top:1px solid #127CB3;
   padding-top:10px;
   padding-left:10px;
   padding-bottom:0;
   padding-right:0;
   font-weight:bold;
}

dl.list_04 dd {
   margin-left:5em;
   padding:10px;
   border-top:1px solid #127CB3;
   border-left:1px solid #127CB3;
   background:#D4E3EB;
}

/*result.html*/

.wrapper_outside_01,
.wrapper_inside_01 {
	width: 460px;
}
.wrapper_outside_01 {
	background: url(../images/bg_wrapper_01.gif) no-repeat center top;
	padding-top:3px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.wrapper_inside_01 {
	background: url(../images/bg_wrapper_02.gif) no-repeat center bottom;
	padding-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.wrapper_content_01 {
	width: 460px;
	background: url(../images/bg_wrapper_03.gif) repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.wrapper_leftbox_01 {
	float:left;
	width:170px;
	margin-right:10px;
}
.wrapper_rightbox_01 {
	float:left;
	width:280px;
}
.wrapper_content_01 p {
	font-size:80%;
	line-height:1.5;
}

/*agency net meoseo landing traffic.html*/
.wrapper_outside_02 {
	background: url(../images/bg_wrapper_04.gif) no-repeat center top;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.wrapper_inside_02 {
	background: url(../images/bg_wrapper_05.gif) no-repeat center bottom;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.wrapper_content_02 {
	width: 460px;
	background: url(../images/bg_wrapper_06.gif) repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.wrapper_content_02 p {
	font-size:80%;
	line-height:1.5;
	padding-left:10px;
	padding-right:10px;
}


/* ----------------------------- header ----------------------------- */

#header_area_01{
	float:left;
	width:160px;
	height:80px;
}

#header_area_02{
	float:left;
	width:640px;
	height:80px;
}

#header_area_02 p {
	font-size:80%;
	color:#08354D;
}

#header_area_03{
	clear:left;
	width:100%;
}

#header_block_03{
	width:790px;
	height:30px;
	margin:0 auto;
	background-image: url(../images/bg_navi_primary_01.gif);
	background-repeat:no-repeat;
	font-size:80%;
	text-align:right;
}


/* ----------------------------- navi_global ----------------------------- */

/* ----------------------------- wrapper ----------------------------- */

/* ----------------------------- img_top ----------------------------- */

/* ----------------------------- img_area ----------------------------- */

/* ----------------------------- breadcrumbs ----------------------------- */

/* ----------------------------- contents ----------------------------- */


#contents_r_area_01 {
	width:265px;
	background-image: url(../images/bg_contents_r_01.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#contents_r_area_01 p {
	margin:0;
	padding:0;
}

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

#footer_area_01 {
	width:790px;
	margin:0 auto;
	height:40px;
	line-height:40px;
	background-image: url(../images/bg_footer_01.gif);
	background-repeat:no-repeat;
	font-size:80%;
}

#footer_area_02 {
	width:790px;
	margin:0 auto;
	height:80px;
	background-image: url(../images/bg_footer_02.gif);
	background-repeat:no-repeat;
	font-size:80%;
}