@charset "utf-8";



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



	style CSS



 -----------------------------------------

	INDEX

 -----------------------------------------

 　page style 

   * index -- index category box

 

 

 	1.box style

	

	2.table style

		*.tbl_style1

		*.tbl_style2

	

	3.link style

		*.goto_top

	  *.dl_style_goto1

		

	4.ol style

	  *.ol_style1



	5.dl_style

	*.dl_style1

	

	6.index_style



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



/* dotted line list */

ul.list-style-dotted1 {

	display:block; 	zoom:1;

/*	background-position:bottom;

	background: url(../../img/img_categoryindex/line_dotted1.png) repeat-x; */

	margin-bottom:0px;

}

ul.list-style-dotted1 li {

	background-position: top;

	padding-left:5px;

	background: url(../../img/img_categoryindex/line_dotted1.png) repeat-x;

	zoom:1;

}

ul.list-style-dotted1 li .wrapp {
    margin-left: -3%;
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
}

ul.list-style-dotted1 li .wrapp img{
    margin-bottom: 10px;
}

ul.list-style-circle li {

	background: url(../../img/img_icon_circle1.gif) no-repeat left 6px;

	padding-left:12px;

	margin-bottom:5px;

	line-height:1em;

}




ul.list-style-square1 li {

	background:url(../../img/img_icon_square1.gif) no-repeat left 6px;

	padding-left:12px;

	margin-bottom:5px;

	line-height:1em;

}





/* dotted line  del type */

ul.list-style-dotted1 li.none	{ 	background:none!important; zoom:1; margin-top:-15px;}

ul.list-style-dotted1 li strong { 	font-weight: bold; }



.list-style1 li { 	padding: 25px 5px 10px 5px; zoom:1; }

.list-style1 li p { margin-top:10px; /*margin-left:25px; */ zoom:1; }



.list-style1 .category_index li p { width:475px;}

.list-style1 .category_index2 li p { width:475px; margin-left:170px;}

.list-style1 .category_index2 li img.logo { margin: 30px 60px auto 0;}

.list-style1 .category_index2 li img.logo2 { margin: auto 60px auto 0;}



.list-style2 li { 	padding: 25px 0px 5px 0px; zoom:1; }

.list-style2 li p { margin-top:10px!important; margin-left:25px!important;}



.list-style li { 	padding: 20px 0px 15px 0px; zoom:1; }



.list-style li p { margin-top:auto; margin-left:0;}









.list-style-3 li { display:inline; margin-right:25px; }


/* dl dt dd bottom line  */

.line_grey { border-top: 3px solid #ededed;}

.line_grey li { 

	font-weight:bold;

	display:block;
	
	border-bottom: 3px solid #ededed;
	
	zoom:1;
	
	padding: 20px;
	
}

.line_grey h4 {
	margin:0; 
	
	float:left;

	font-weight:bold;

	display:block;

	width:100px;
	
	text-align:center;

}

.line_grey p {

	margin:0;

	float:right;

	margin-bottom:0px!important;

	overflow: visible; 

	zoom:1;

	width:500px;
	
	font-weight:normal;
	
	margin:0;

}






/* clear */

ul.list-style-dotted1 li:before,

ul.list-style-dotted1 li:after,

.list-style1 li:before,

.list-style1 li:after {

 /* for Modern Browser */	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}



div.btn_gototop1 { 	clear: both;	width:980px;	margin:0 auto 30px auto;	text-align:right;}

div.btn_gototop1 a.left { margin-left:270px; }



div.btn_gototop2 { 	clear: both;	margin:0 auto 50px auto;	text-align:right;}

div.btn_gototop2 a.left { margin-left:270px; }



#pagettl_site { margin-bottom: 20px; }

#description_site { margin-bottom: 25px;}



ul.li_hangingindent1 li { 	padding: 15px 0 10px 5px;	display:block;}

ul.li_hangingindent1 li p {	padding-left:20px; }







/* page style 



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





/* 1  box style

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



/* kadomaru box



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

.kadomaru1  { background-color:#FFF;}

.corner1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#eef7ff; }
.corner1.pink { margin: 0 5px;height:1px;overflow: hidden; background-color:#fff0f4; }

.corner2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#eef7ff; }
.corner2.pink { margin: 0 3px;height:1px;overflow: hidden; background-color:#fff0f4; }

.corner3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#eef7ff; }
.corner3.pink { margin: 0 2px;height:1px;overflow: hidden; background-color:#fff0f4; }

.corner4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#eef7ff; }
.corner4.pink { margin: 0 1px;height:2px;overflow: hidden; background-color:#fff0f4; }

.corner5 { padding:10px; background-color:#eef7ff; }
.corner5.pink { padding:10px; background-color:#fff0f4; }

div.corner5:after {/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden;}





/* style1 --inner  

   use: 

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

#wrapper #document .box_style1 {

	zoom:1;

	border: 1px solid #cccccc;

	background-color: #FFFFFF;

	padding: 1px;

}



/* .box_style1_inner bg f7f7f7  */

#wrapper #document .box_style1_inner {

	background-color: #f6f6f6;

	padding: 15px;

	margin:1px;

}

#wrapper #document .box_style1 p.ttl{

font-weight:bold;

margin-bottom:5px;

}





#wrapper #document .box_style1_inner_white {

	background-color: #ffffff;

	padding: 15px;

	margin:1px;

}

#wrapper #document .box_style1_inner_blue {

	background-color: #F4F9FF;

	padding: 15px;

	margin:1px;

}



/* paddging 15px ver --------------------- */

#wrapper #document .box_style1_pdding15px {

	zoom:1;

	border: 1px solid #cccccc;

	background-color: #FFFFFF;

	padding: 15px;

}



/* paddging 20px ver --------------------- */

#wrapper #document .box_style1_pdding20px {

	zoom:1;

	border: 1px solid #cccccc;

	background-color: #FFFFFF;

	padding: 20px 0 20px 20px;

}





#wrapper #document .box_style1 strong,

#wrapper #document .box_style1_pdding15px strong,

box_style1_pdding20px strong{ margin-bottom:10px; display:block;}

#wrapper #document .box_style1 p{ margin:0;}





/* style2 

   use: success border:4px  color:#d2d2d2  bg:#FFF

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

#wrapper #document .box_style2 {

	zoom:1;

	height:100%;

	border: 4px solid #d2d2d2;

	background-color: #FFFFFF;

	padding:4px;

}

#wrapper #document .box_style2:after { 	content: "."; clear: both; height: 0;  font-size: 0; visibility: hidden;}



/* style3 --inner  

   use: success border:4px  color:#d2d2d2  bg:#FFF

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

#wrapper #document .box_style3 {

	border: 1px solid #d2d2d2;

}

#wrapper #document .box_style3:after { 	content: "."; clear: both; height: 0;  font-size: 0; visibility: hidden;}





/* .box_style4 bg #f3f9ff  */

#document .box_style4 {

	zoom:1;

	border: 1px solid #cccccc;

	background-color: #FFFFFF;

	padding: 1px;

}

#document .box_style4_inner {	background-color: #f3f9ff;	padding: 15px;	margin:1px;}

#document .box_style4_inner2 {	padding: 15px;	margin:1px;}



#document .box_style4 p{ margin:0;}








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



	.box_linkarea	：	関連リンク

	 

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

div.box_linkarea  {  display:block; padding:20px 20px;	border:solid 1px #d2d2d2; zoom:1;}

.box_linkarea strong { font-size:107.8%; }

.box_linkarea ul  {	 display:block; margin: 0; zoom:1; }



/* clear */

div.box_linkarea:after { /*for modern browser*/

	content: "";	clear: both;    height: 0;    display: block;    visibility: hidden;}

.box_linkarea ul:after { /*for modern browser*/

	content: "";	clear: both;    height: 0;    display: block;    visibility: hidden;}



.box_linkarea ul li {

	display:block;

	float:left;

	background:url(../../img/img_icon_rgt2.gif) no-repeat;

	background-position:left center;

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/

	margin: 0.5em 30px 0px 0px;

}



.box_linkarea ul li.link_outside { 

	display:block;

	float:left;

	background: url(../../img/img_icon_outside.gif) no-repeat;

	background-position:left center;

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/

}

.box_linkarea ul li.link_outside:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}

.box_linkarea div ul:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}

* html .box_linkarea div ul { /* Hides from IE-mac \*/ height: 1%;}



div.box_linkarea:after,

.box_linkarea div:after { /* for Modern Browser */

	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}







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



	.box_anchorlink　：	上部設置 アンカーリンクエリア



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

div.box_anchorlink  { display:block; padding:10px 20px;	border:solid 2px #d2d2d2; zoom:1; }

.box_anchorlink strong { font-size:107.8%; }

.box_anchorlink ul  {	  display:block; margin:0; padding:0; zoom:1; }



/* clear */

div.box_anchorlink:after { /*for modern browser*/

	content: "";	clear: both;    height: 0;    display: block;    visibility: hidden;}

.box_anchorlink ul:after { /*for modern browser*/

	content: "";	clear: both;    height: 0;    display: block;    visibility: hidden;}



.box_anchorlink ul li {

	display:block;

	float:left;

	background:url(../../img/img_icon_downward1.gif) no-repeat;

	background-position:left center;

	padding-left: 1.7em;

	margin: 0.5em auto auto 0;

	zoom:1;/*for IE 5.5-7*/

}



/* box_anchorlink    li column  icon  ↓ down arrow 

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

/* stylelist6 */

.box_anchorlink .stylelist6 li {	width:13%!important;	}





/*	box_anchorlink,

		box_linkarea			inner li style

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



/* stylelist 4col */

.box_linkarea 	.stylelist4 li {	width:125px!important;}

.box_anchorlink .stylelist4 li {	width:130px!important;}



/* stylelist 3col */

.box_linkarea 	.stylelist3 li {	width:180px!important;}

.box_anchorlink .stylelist3 li {	width:190px!important;}



/* stylelist 2col */

.box_linkarea 	.stylelist2 li {	width:40%!important;}

.box_anchorlink .stylelist2 li {	width:45%!important;}



/* stylelist 1col */

.box_linkarea 	.stylelist1 li,

.box_anchorlink .stylelist1 li,.box_anchorlink li.stylelist1 {	width:600px!important;	}



/* stylelist_free */

.box_linkarea 	.stylelist_free li,

.box_anchorlink .stylelist_free li { padding-right:30px;}



.box_anchorlink li.anchor_arrow {

	display:block;

	float:left;

	background:url(../../img/img_icon_rgt_arrow.png) no-repeat;

	background-position:center left;

	padding-left:18px;

	line-height:1em;

	zoom:1;

}

.box_anchorlink li.anchor_outside {

	display:block;

	float:left;

	background: url(../../img/img_icon_outside_list.gif) no-repeat;

	background-position:center left;

	padding-left:18px;

	line-height:1em;

	zoom:1;

}











/* 2  table style

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



/* tbl_style1

 　>> th,td text-center

 　>> th bg glay

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

table.tbl_style1  {

	width:100%;

	background-color:#cccccc;

	border-spacing:0 1px;

	border-collapse:separate;



}



.tbl_style1 .first th,.tbl_style1 .first td{

	_border-top:#cccccc 1px solid;

}

.tbl_style1 th,.tbl_style1 td { 

	border-top:#ffffff 1px solid;

	border-bottom:#ffffff 1px solid;

	_border-bottom:#cccccc 1px solid;

}  

.tbl_style1 th {

	background:#E6F4F7;

	padding:10px 15px;

	font-weight:bold;

	color:#444444;

	width:110px;

}

.tbl_style1 th.bg_gray{ background-color:#f6f6f6;}

.tbl_style1 th .hissu{ margin-left:5px;}

.tbl_style1 td {

	padding:10px 15px;

	background-color:#FFFFFF;

}

.tbl_style1 td.vmiddle {

	padding:10px;

	vertical-align:middle;

}









/* tbl_style2

 　>> th,td text-left

 　>> th bg glay

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

.tbl_style2 table { 

	border: 1px solid #CCCCCC;

	border-collapse: collapse;

	border-spacing: 0px 0px;

	width:100%;

}



.tbl_style2 th {

	border:1px solid #d2d2d2;

	background:#f3f3f3;

	padding:10px 10px 10px 10px;

	font-weight:bold;

	color:#333333;

	text-align:left;

}



.tbl_style2 td {

	border:1px solid #d2d2d2;

	padding:10px;

	text-align:left;

}

.tbl_style2 td.vmiddle {

	vertical-align:middle;

	text-align:left;

}

.tbl_style2 .hright {

	border:1px solid #d2d2d2;

	padding:10px;

	text-align:right;

}



.tbl_style2 th.avmiddle,.tbl_style2 td.avmiddle {	vertical-align:middle;	text-align:center;}

.tbl_style2 th.head1 {	text-align:left;background-color:#E3E3E3;}

.tbl_style2 th.head2 {	text-align:center;	background-color:#E3E3E3;	width:86px;}







/* tbl_style3

 　>> th text-center,  td text-left

 　>> th bg glay

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

.tbl_style3 table { 

	border: 1px solid #CCCCCC;

	border-collapse: collapse;

	border-spacing: 0px 0px;

	width:100%;

}



.tbl_style3 th {

	border:1px solid #d2d2d2;

	background:#f3f3f3;

	padding:10px 10px 10px 10px;

	font-weight:bold;

	color:#333333;

	vertical-align:middle;

	text-align:center;

}



.tbl_style3 td {

	border:1px solid #d2d2d2;

	padding:10px;

}

.tbl_style3 td.vmiddle {

	border:1px solid #d2d2d2;

	padding:10px;

	vertical-align:middle;

}





/* tbl_style4

		use : partner 



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

table.tbl_style4  { 

	background		 :#CCCCCC;

	border-collapse:separate;

	border-spacing :0px 1px;

	width :100%;

}



table.tbl_style4 th { 

	padding			 :10px 5px 5px 15px; 

	background	 :#e7f3ff ;

	border-top	 :solid 1px #FFFFFF;

	border-bottom:solid 1px #FFFFFF;

	border-right :solid 1px #FFFFFF;

	font-weight:bold; }



table.tbl_style4 th.ttl1 { background:#acd5ff;}

table.tbl_style4 td { padding: 0px;background:#FFFFFF; }

table.tbl_style4 td p {	margin:10px 0px 5px 15px; float:left; }

table.tbl_style4 td p span { float:left; padding-right:10px;}





/* tbl_style5

 　>> border: none;

 　>> Logo

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

.tbl_style5 table { 

	border: none;

	border-collapse: collapse;

	border-spacing: 0px 0px;

	width:100%;

	margin-bottom: 20px

}



.tbl_style5 th {

	border: none;

	padding: 0px;

}



.tbl_style5 td {

	border: none;

	padding:22px 0px 30px 22px;

	text-align:left;

}

.tbl_style5 th.vmiddle,.tbl_style5 td.vmiddle {

	vertical-align:middle;

	text-align:left;

}

.tbl_style5 th.avmiddle,.tbl_style5 td.avmiddle { vertical-align:middle; text-align:center;}













/* th add-style  th_type1

   h middle v middle

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

th.th_type1 {		vertical-align:middle;	text-align:middle;	background:#e3e3e3;}





/* bg #e3e3e3  */

.bg_glay1 { 	background:#e3e3e3!important;}



/* tbl_style2 bg 注意書き */

#issei_application .tbl_style2 span {}

#issei_application .tbl_style2 .note {	margin:1.6em auto 0px 0px;}







/* th add-style  th_type1

   h middle v middle

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

th.th_type1 {	

	vertical-align:middle;

	text-align:middle;

	background:#e3e3e3;

}





/* bg #e3e3e3  */

.bg_glay1 { 	background:#e3e3e3!important;}



/* tbl_style2 bg 注意書き */

#issei_application .tbl_style2 span {

}

#issei_application .tbl_style2 .note {

	margin:1.6em auto 0px 0px;

}



/* additional table style */
table.rankingTable{width:100%;}
table.rankingTable th,
table.rankingTable td{border:1px #ccc solid; padding:10px; border-right:0;}
table.rankingTable th{width:10%; text-align:center; background:#e3e3e3; font-weight:bold;}
table.rankingTable tr td:last-child{border-left:0; border-right:1px #ccc solid; width:15%;}
table.rankingTable caption{caption-side:bottom; padding:5px; text-align:right;}
table.rankingTable td .link_outside:after{display:none;}



/*  3 link style img type

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



/* link style img1 */

.link-img1 a:link,.link-img1 a:visited{

    filter:alpha(opacity=100);

    -moz-opacity: 1.0;

    opacity: 1.0;

		}

.link-img1 a:hover img {opacity: 0.75; /* Opera・Safari */	-moz-opacity:0.75; /* Firefox */	filter: alpha(opacity=75); /* IE */	zoom: 1; /* IE */}





/* .goto_top  set

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

#document .goto_top {

	float:right;

	clear:both;

	margin:20px 0px 20px auto;

}

#document .goto_top {

	background:url(file://///Oci_sv/oci/web/site_oci/img/img_icon_up1.gif) no-repeat;

	background-position: 0.1em;

	font-size: 92%;

	padding-bottom: 0.1em;

	padding-left: 1.2em;

	zoom:1;/*for IE 5.5-7*/ 

}



#document .goto_top:after { /*for modern browser*/

	content:".";	display: block;	height:0px;	clear:both;	line-height:0;	visibility:hidden;}

* html #document .goto_top { /* Hides from IE-mac \*/ height: 1%;}



/* .goto_top  page bottom div ------*/

#document div.goto_top { margin-top:1em; margin-bottom:2em;  }

#document div.goto_top:after { /*for modern browser*/

	content:".";	display: block;	height:0px;	clear:both;	line-height:0;	visibility:hidden;}

* html #document div.goto_top { /* Hides from IE-mac \*/ height: 1%;}





/* .link_outside

 　>> goto outside site

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

/* 汎用

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

a.link_outside {

	background:url(../../img/img_icon_outside.gif) no-repeat;

	background-position:left;

	vertical-align:middle;

	padding-left: 1.7em;

	line-height:inherit;

	zoom:1;

}



a.link_outside:after,

.link_outside a:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}





a.link_outside2,

.link_outside2 a {

	display:inline-block;

	background:url(../../img/img_icon_outside.gif) no-repeat;

	background-position: 0.1em 0.4em;

	vertical-align:middle;

	padding-left: 1.4em;

	line-height:inherit;

	zoom:1;

}

/* arrow clear */

a.link_outside2:after,

.link_outside2 a:after{ /*for modern browser*/	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}




a.none_after:after {content:none !important;}


/* サイト内リンク 矢印 

   

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

a.arrow,

.arrow a {

	display:inline-block;

	background:url(../../img/icon_arrow1.png) no-repeat;

	background-position: 0.1em 0.4em;

	vertical-align:middle;

	padding-left: 1.4em;

	line-height:inherit;

	zoom:1;

}

/* arrow clear */

a.arrow:after,

.arrow a:after{ /*for modern browser*/	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}







/* arrow bold

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

a.arrow_bold,

.arrow_bold a {

	display:inline-block;

	text-decoration:underline;

	font-weight:bold;

	background:url(../../img/icon_arrow1.png) no-repeat;

	background-position: 0.1em 0.4em;

	padding-bottom: 0.1em;

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/

}

/* arrow clear */

a.arrow_bold:after,

.arrow_bold a:after{ /*for modern browser*/	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}





/* arrow2 -- company

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

#company a.arrow,

#company .arrow a {

	display:inline-block;

	background:url(../../img/icon_arrow3.png) no-repeat;

	background-position: 0.1em 0.4em;

	padding-bottom: 0.1em; 

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/

}

#company a.arrow_l,

#company .arrow_l a {
	display:inline-block;

	background:url(../../img/icon_arrow3l.png) no-repeat;

	background-position: 0.1em 0.4em;

	padding-bottom: 0.1em; 

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/
}

/* arrow clear */

#company a.arrow:after,
#company .arrow a:after,
#company a.arrow_l:after,
#company .arrow_l a:after { /*for modern browser*/	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}





/* arrow3 -- company

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

#solution a.arrow,

#solution .arrow a {

	display:inline-block;

	background:url(../../img/icon_arrow4.png) no-repeat;

	background-position: 0.1em 0.4em;

	padding-bottom: 0.1em;

	padding-left: 1.7em;

	zoom:1;/*for IE 5.5-7*/

}

/* arrow clear */

#solution a.arrow:after,

#solution .arrow a:after{ /*for modern browser*/	content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}





.outside{	background: url(../../img/img_icon_outside1.png) no-repeat left center;	padding-left:20px;}

.outside:after{   content:".";    display: block;    height:0px;    clear:both;    line-height:0;     visibility:hidden;}









/* .ul_style_list1

	>> use：index、archive



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

ul.ul_style_list1 {  }

ul.ul_style_list1 li {

	position:relative;

	display:block;

	padding-top:25px;

	margin-bottom:10px;

	background:url(../../img/img_categoryindex/line_dotted1.png) repeat-x;

	background-position:left top;

	zoom:1;

}





/* list block ---->> left photo

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

ul.ul_style_list1 li img {

	float:left;

	width:80px;

	padding-left:5px;

	vertical-align:middle;

	margin-right:15px;

	zoom:1;

}



/* list block ---->> right text

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

ul.ul_style_list1 li p {

	float:right;

	display:block;

	width:530px;

	min-height:95px;

	_height:95px;

	padding-left:15px;

	line-height:1.5em!important;

	color:#777777;

	zoom:1;

}

ul.ul_style_list1 li p span {

	color:#444444;

}	



/* title */

ul.ul_style_list1 li p a {

	zoom:1;

	display:block;

	font-weight:bold;

	margin-bottom:10px;

	margin-left:-17px;

	padding-left:17px;

	font-size:116%;

	background:url(../../img/icon_arrow1.png) no-repeat;

	background-position:0px 0.3em;

	text-decoration:none;

}


/* top li : type bordernone  */

ul.ul_style_list1 li.none { 	background:none !important; }



ul.ul_style_list1 li p span { display:block; margin-bottom:0.3em; zoom:1; }

ul.ul_style_list1 li p span strong {	font-weight:bold; margin-right:5px; }



ul.ul_style_list1 li img:after { /*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden;}

ul.ul_style_list1 li p:after { /*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden;}

ul.ul_style_list1 li:after,

ul.ul_style_list1 li:before  { /*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden;}







/* .ul_style_list2

	>> use：news



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

ul.ul_style_list2 {  }

ul.ul_style_list2 li { 	zoom:1; }

/* 

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

ul.ul_style_list2 li strong { display:block; width:100px; float:left;}

ul.ul_style_list2 li strong.color1 { color:#1188ff; line-height:inherit; zoom:1; }



/* list block ---->> right text

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

ul.ul_style_list2 li p,

ul.ul_style_list2 li.li_block { display:block; overflow:auto; zoom:1;}







ul.indexlist{margin:0; padding:0;}

ul.indexlist li{

	background-image: url(../img/img_line_dotted1.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	padding:15px 0;

}



/* .ul_style_list3

	>> use：index、archive



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

ul.ul_style_list3 {  }

ul.ul_style_list3 li {

	position:relative;

	display:block;

	padding:20px 25px 5px;

	margin-bottom:10px;

	background:url(../../img/img_categoryindex/line_dotted1.png) repeat-x;

	background-position:0 top;

	zoom:1;

}





/* .ul_style_list4

	>> use：tennouhai

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

ul.ul_style_list4 {}

ul.ul_style_list4 li { 	zoom:1; }

/* 

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

ul.ul_style_list4 li {

	display:block;

	width:310px;

	float:left;

	background-image: url(../img/img_line_dotted1.gif);

	background-repeat: no-repeat;

	background-position: left;

}


ul.ul_style_list4 li.w317px {
	width: 317px;
}












ol.ol_style1 { margin-left:2em;  }

ol.ol_style1 li { list-style:decimal outside; }





/* 

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

ol.ol_style1 li strong { }






/* 汎用 */

/*　ページ内リンク　*/



#wrapper #document div.box_style_innerlist{ border:2px solid #d2d2d2; padding:18px 18px 14px 18px; width:672px;}

#wrapper #document div.box_style_innerlist li{

	width:200px;

	float:left;

	background-image: url(../../img/img_icon_downward1.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 17px;

	margin-bottom:7px;

	margin-top:0;

}

#wrapper #document div.box_style_innerlist li.end{ width:250px;}

#wrapper #document div.box_style_innerlist li.end_nomargin{ margin-bottom:0;}









/* Twitter ボタン */

.tw { text-align:right; width:100%;}





/* Twitter */

iframe.twitter-share-button { width: 105px!important;　}