/* WebCL CSS */

/*##### 基本設定 #####*/
img {
	border: 0;
}

.clear {
	clear: both;
}
h1,h2,h3,h4,h5,h6,ul,img { margin: 0; padding: 0; }

ul { list-style: none; }

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #2e6ab1;
	text-decoration: underline;
}


span.b10 {
	font-size: 10px;
	color: #000;
}
span.b18 {
	font-size: 18px;
	color: #000;
}
span.b12b {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}


/*##### table #####*/
table.table_base1 {
	margin: 10px 0;
}
table.table_base1 caption {
	font-size: 15px;
}
table.table_base1 th {
	width: 200px;
	padding: 10p 5px;
	border: 1px #CCCCCC solid;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;
	background-color: #F2F2F3;
}
table.table_base1 td {
	width: 500px;
	padding: 10px 5px;
	border: 1px #CCCCCC solid;
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 0.1em;
}





body {
	background: url('http://www.webcl.jp/images/bg.jpg');
	font-size: 12px;
	margin: 0;
}


/* container_1 */
#container_1 {}

/* top_1 */
#top_1 {
	width: 1024px;
	margin: 5px auto 0 auto;
	height: 34px;
}
h1#h1_index {
	font-size: 10px;
	font-weight: normal;
	padding: 10px 0 0 60px;
}
#top_1_contact {
	width: 219px;
	height: 62px;
	margin: -27px 0 0 746px;
	position: absolute;
}



/* container_2 */
#container_2 {
	background: url('http://www.webcl.jp/images/top_2_bg.jpg');
	background-repeat: repeat-x;
}

/* top_2 */
#top_2 {
	width: 1024px;
	height: 44px;
	margin: 0 auto;
}
#top_2_rogo {
	float: left;
	margin: 10px 0 0 60px;
}
#top_2_comment {
	float: left;
	font-size: 10px;
	margin: 25px 0 0 10px;
}



/* container_3 */
#container_3 {
	height: 47px;
	background-color: #fff;
}

/* global_menu */
#global_menu {
	width: 1024px;
	height: 47px;
	margin: 0 auto;
}
#global_menu_left {
	width: 717px;
	float: left;
}
#global_menu_left ul {
	margin-left: 60px;
}
#global_menu_left ul li {
	list-style-type: none;
	float: left;
}
#global_menu_right {
	width: 307px;
	float: right;
	
}
#tel {
	width: 176px;
	margin: 15px auto 0 auto;
}



/* contents_1 */
#contents_1 {
	width: 898px;
	margin: 55px auto;
}
#contents_1_left {
	float: left;
	width: 504px;
}
#teian {
	width: 150px;
	margin: 60px auto 0 auto;
}



#contents_1_right {
	float: right;
	width: 394px;
}
.contents_1_right_title {
	margin-bottom: 10px
}
.contents_1_right_body {}
.contents_1_right_body ul {
	list-style-type: none;
	padding: 0px 0px 15px 20px;
}
.contents_1_right_body ul li {
	background-image: url('http://www.webcl.jp/images/point_01.jpg');
	background-repeat: no-repeat;
	text-indent: 25px;
	line-height: 15px;
	margin-bottom: 15px;
}
.line_01 {
	margin-bottom: 20px;
}



/*##### contents_2 #####*/
#contents_2 {
	width: 898px;
	margin: 52px auto 0 auto;
}

/* contents_2_left */
#contents_2_left {
	float: left;
	width: 613px;
}
#topics {
	width: 553px;
	height: 250px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 19px 29px;
	margin-bottom: 65px;
}
#topics_title {
	width: 553px;
	margin-bottom: 20px;
}
#topics_title_left {
	float: left;
	width: 78px;
}
#topics_title_right {
	float: right;
	width: 50px;
	text-align: right;
}
#topics_title_right a {
	color: #2e6ab1;
	text-decoration: underline;
}
#topics_title_right a:hover {
	color: #333;
	text-decoration: none;
}
.line_02 {}

#topics_body {
	width: 553px;
}
#topics_body ul {
	list-style-image: url('http://www.webcl.jp/images/point_02.jpg');
	list-style-position: outside;
	padding: 0px 0px 15px 20px;
}
#topics_body ul li {
	line-height: 15px;
	margin-bottom: 15px;
}
#topics_body ul li a {
	text-decoration: underline;
}
span.entry_date {}

#link {
	width: 613px;
}
#link_1 {
	float: left;
	width: 121px;
	padding-top: 97px;
}
#link_2 {
	float: left;
	width: 209px;
}
#link_3 {
	float: left;
	width: 283px;
}
#link_2 ul,#link_3 ul {
	list-style: none;
}
#link_2 ul li,#link_3 ul li {
	line-height: 30px;
}
#link_2 ul li a,#link_3 ul li a {
	color: #333;
	text-decoration: underline;
}
#link_2 ul li a:hover,#link_3 ul li a:hover {
	color: #0598c9;
	text-decoration: none;
}


/* contents_2_right */
#contents_2_right {
	float: right;
	width: 259px;
}
#jisseki {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 17px 15px;
	margin-bottom: 30px;
}
#jisseki_title {
	margin-bottom: 10px;
}
.works {
	margin-bottom: 10px;
}
.works_left {
	width: 94px;
	float: left;
}
.works_right {
	width: 110px;
	float: right;
}
.works_right_title {
	text-align: left;
	margin: 15px 0px 15px 0px;
}
.works_right_detail {
	text-align: right;
}
.works_right_detail a {
	color: #0598c9;
	font-size: 11px;
}
.line_04 {
	width: 229px;
	margin: 10px auto 0 auto;
}
#button_02 {
	width: 211px;
	height: 20px;
	margin: 0 auto;
}

#banner {
	background-color: #fff;
	padding: 15px 0px;
}
.banner_body {
	width: 238px;
	margin: 0 auto;
}
#yahoo_online {
	width: 145px;
	margin: 0 auto;
}
#charenge25 {
	width: 238px;
	margin: 10px auto 0 auto;
}
p.banner_text {
	font-size: 10px;
	margin: 10px 0 0 0;
}



/*##### footer #####*/
#members {
	/* background-image: url('http://www.webcl.jp/images/members_bg.png'); */
	background-image: url('http://www.webcl.jp/images/members_bg2.jpg');
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
}
#members_body {
	background-image: url('http://www.webcl.jp/images/bg.jpg');
	width: 1024px;
	margin: 0 auto;
}


#footer {
	width: 881px;
	margin: 0 auto;
	padding-bottom: 50px;
}

/* footer_left */
#footer_left {
	width: 487px;
	float: left;
	background-color: #fff;
	padding: 5px;
}
#footer_left_inner {
	background-image: url('http://www.webcl.jp/images/footer_left_bg.jpg');
	width: 487px;
	height: 74px;
	padding: 20px 0px;
}
#footer_left_inner_link {
	width: 370px;
	margin: 0px auto;
}
#ul_footer_left {
	width: 185px;
	float: left;
}
#ul_footer_left li {
	line-height: 25px;
}



/* footer_right */
#footer_right {
	width: 357px;
	float: right;
}
address {
	font-style:normal;
	text-align: center;
}





/*##### archive #####*/
#h2_archive_title {
	font-size: 27px;
	font-weight: bold;
	color: #0598c9;
	margin-bottom: 20px;
}
.h3_archive_title {
	border-bottom: 1px solid #33A02C;
	border-left: 10px solid #33A02C;
	color: #333;
	font-size: 11pt;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 5px 0 5px 5px;
	text-align: left;
}
.ul_parent {
	
}
.ul_parent li {
	margin-bottom: 50px;
}
.ul_child {
	padding-left: 30px;
	list-style: disc;
}
.ul_child li {
	margin-bottom: 10px;
	border: none;
}






/*##### webpage #####*/
#webpage_contents {
	width: 898px;
	margin: 30px auto 0 auto;
}
#webpage_left {
	float: left;
	width: 613px;
}
#webpage_right {
	float: right;
	width: 259px;
}



/*##### privacy.html #####*/
.general {
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
}
.general_h2 {
	border-bottom: 1px solid #33A02C;
	border-left: 10px solid #33A02C;
	color: #33A02C;
	font-size: 11pt;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 5px 0 5px 5px;
	text-align: left;
}
.praivacy_li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 0 0 15px;
	font-size: 13px;
	line-height: 2.0;
	letter-spacing: 0.1em;
}
p.text {
	margin: 0; 
	font-size: 12px;
	line-height: 2.0;
	letter-spacing: 0.1em;
}
.main_section_other {
	margin: 0 auto;
	text-align: left;
}
h3.other_h3 {
	padding: 15px 0 5px 0;
	color: #bc80bd;
	font-weight: bold;
	font-size: 11pt;
}


.frame {
	width: 604px;
	margin: 0 auto;
}
.frame_body {
	width: 572px;
	background-color: #fff;
	border-left: 1px solid #b3aa9f;
	border-right: 1px solid #b3aa9f;
	padding: 15px;
}



/*##### purpose #####*/
#purpose_side {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 25px 10px;
	margin-bottom: 30px;
}

#ul_purpose_side {}

#ul_purpose_side li {
	font-size: 15px;
	font-weight: bold;
	color: #c90915;
	padding-left: 10px;
}

#ul_purpose_side li a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
#ul_purpose_side li a:hover {
	color: #c90915;
}

.line_05 {
	width: 228px;
	margin: 15px auto;
}

#ul_purpose_side ul {
	margin-top: 20px;
	margin-left: 25px;
}

#ul_purpose_side ul li {
	list-style-image: url('http://www.webcl.jp/images/point_01.jpg');
	list-style-position: outside;
	padding: 0px 0px 10px 0px;

}

#ul_purpose_side ul li a {
	font-weight: normal;
	color: #333;
}

/* purpose_entry */
h3.h3_purpose {
	font-weight: bold;
	font-size: 17px;
	
}
p.p_purpose_text1 {
	font-size: 17px;
}
p.p_purpose_text2 {
	line-height: 20px;
	font-size: 15px;
}
ul.ul_purpose_entry {
	margin-left: 15px;
	list-style: disc;
}
ul.ul_purpose_entry li {
	line-height: 18px;
}




/*##### works #####*/
.entry_works {
	width: 540px;
	margin: 0 auto 60px auto;
}
.entry_works_title {
	background-image: url('http://www.webcl.jp/images/archive_title_bg.jpg');
	background-repeat: no-repeat;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
	text-align: left;
	width: 540px;
	height: 49px;
	line-height: 49px;
	text-indent: 14px;
}
.entry_works a {
	color: #333;
	text-decoration: underline;
}
.entry_works a:hover {
	color: #0598C9;
}
.entry_works_left {
	width: 300px;
	float: left;
}
.entry_works_right {
	width: 221px;
	float: right;
}
p.works_text1 {
	font-weight: bold;
}
p.works_text2 {}



/*##### service #####*/
.service_contents {
	margin-bottom: 40px;
}
.service_contents_body {
	width: 95%;
	margin: 0 auto;
}
.service_contents_left {
	width: 55%;
	float: left;
}

.service_contents_left ul {
	list-style-type: disc;
}
.service_contents_left ul li {
	
}
.service_contents_right {
	width: 210px;
	float: right;
	border: 1px solid #eee;
	margin-top: 40px;
	padding: 5px;
	text-align: center;
}
.service_contents_right a {
	text-decoration: underline;
	color: #0598C9;
}
.service_contents_right a:hover {
	text-decoration: none;
	color: #333;
}
.entry_service {
	border-left: 1px solid #BFBFBF;
	float: left;
	width: 177px;
}
.entry_service_inner {
	padding: 1px 8px 20px 7px;
}
.entry_service_title {
	background-image: url('http://www.webcl.jp/images/mini-title.jpg');
	background-repeat: no-repeat;
	color: #03196F;
	font-weight: bold;
	padding-bottom: 6px;
	padding-left: 23px;
	padding-top: 6px;
}

.entry_service_body {
	padding: 9px;
	line-height: 17px;
}

.entry_service_footer {}



/*##### sitemap #####*/
.map-set {
	padding-bottom: 30px;
	padding-left: 60px;
}
.map-set p {
	line-height: 150%;
}
.map-set .parent {
	background-image: url('http://www.webcl.jp/images/site_map_img_03.gif');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}
.map-set .child {
	background-image: url('http://www.webcl.jp/images/site_map_img_02.gif');
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
}
.map-set .child-end {
	background-image: url('http://www.webcl.jp/images/site_map_img_01.gif');
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
}