﻿/* ===== Flash Area ===== */

#flash {
    position:relative;
	width: 770px;
	height: 250px;
	vertical-align:bottom;
	overflow:hidden;
}
#flash li {
    position:absolute;
    top:0px;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 250px;
    background-color: #FFF;
	border:none;
}

#flash li.loop {
    z-index:10;
    opacity:1.0;
}

#flash li.last-loop {
    z-index:9;
}



/* ===== Main Contents Area ===== */

div#outline {
	width: 770px;
}

div#outline div#mainContentsArea {
	float: left;
	width: 520px;
	padding-top: 10px; 
	padding-right: 10px; 
	padding-left: 10px;
	display: inline;
}

#wideBan{text-align:center; padding:15px 0 5px;}

/* ===== Pickup Window Area ===== */

#window_pickup {
	margin: 0 5px 30px 5px;
	width: 510px;

	page-break-after: always;
}
#space_window_pickup_head {
	width: 500px;
	margin: 8px 5px 0 5px;
	padding-bottom: 15px;
	border-bottom: #333333 dashed 1px;
}
#space_window_pickup_head p {
	margin: 5px 0 0 0;
	color : #666;
	font-size: 75%;
}
#space_window_pickup_head p.p-under {
	margin: 5px 0 0 0;
	text-align: right;
}
.space_window_pickup {
	width: 500px;
	margin: 15px 5px 0 5px;
	padding-bottom: 15px;
	border-bottom: #333333 dashed 1px;
}
.space_window_pickup p {
	margin: 5px 5px 0 5px;
	color : #666;
	font-size: 75%;
}
.space_window_pickup img.img_window_pickup {
	float: left;
}
.space_window_pickup img.btn_detail {
	float: right;
	margin-top: 5px;
}
.space_window_pickup .flash_pickup {
	float: left;
}



/* ===== Topics Window Area ===== */

#window_topics {
	width: 510px;
	margin: 0 5px 30px 5px;
}
#window_topics h3 {
	margin: 20px 0 0 0;
	color: #444;
	font-size: 98%;
	font-weight: bold;
}
#window_topics h4 {
	margin-top: 15px;
	color: #444;
	font-size: 85%;
	font-weight: bold;
}
#window_topics p {
	margin-top: 15px;
	color: #666;
	font-size: 75%;
}
#window_topics p.p-first {
	margin-top: 5px;
}
#window_topics p a:link,
#window_topics p a:visited {
	color: #b1552a;
}
#window_topics p a:active,
#window_topics p a:hover {
	color: #b1552a;
	text-decoration: underline;
}
#window_topics ul {
	margin: 5px 0 0 0;
	list-style-position: inside;
	list-style-type: disc;
	color: #666;
	font-size: 75%;
}



/* ===== Contact Us Window Area ===== */

#window_contact {
	margin: 0 5px 30px 5px;
	width: 510px;
}
#window_contact p {
	margin-top: 15px;
	color : #666;
	font-size: 75%;
}
#window_contact p.p-first {
	margin-top: 5px;
}
#window_contact p a:link,
#window_contact p a:visited {
	color: #b1552a;
}
#window_contact p a:active,
#window_contact p a:hover {
	color: #b1552a;
	text-decoration: underline;
}



/* ===== Link Window Area ===== */

#window_link {
	margin: 0 5px 30px 5px;
	width: 510px;
}
#window_link p {
	margin-top: 5px;
	color: #666;
	font-size: 75%;
}
#window_link p a:link,
#window_link p a:visited {
	color: #b1552a;
}
#window_link p a:active,
#window_link p a:hover {
	color: #b1552a;
	text-decoration: underline;
}



/* ===== Sub Contents Area ===== */

div#subContentsArea {
	float: left;
	width: 220px;
	padding-top: 10px; 
	padding-right: 10px;
	display: inline;
}

/* ===== Information Window Area ===== */
div#window_blogparts_banner {
	padding-top:5px;
	width: 220px;
	text-align: center;
}
div#window_blogparts_banner img {
}

/* ===== Information Window Area ===== */
div.window_ban {
	width: 220px;
	text-align: center;
}
div.window_ban img {
}

/* ===== Information Window Area ===== */

#window_information {
	margin-top: 5px;
	width: 218px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

#window_information p#space_window_information {
	margin: 5px 0 0 5px;
}

#window_information p#txt_window_information1 {
	margin: 5px 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

/* ===== Creator Window Area ===== */

#window_creator {
	margin-top: 5px;
	width: 218px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

#window_creator p#space_window_creator {
	margin: 5px 0 0 5px;
}

#window_creator p#txt_window_creator1 {
	margin: 5px 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

/* ===== System Design Area ===== */

div#window_system_design {
	margin-top: 5px;
	width: 220px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_system_design1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_system_design {
	margin: 5px 0 0 5px;
}

/* ===== WebStandard Window Area ===== */

div#window_webstandard {
	margin: 5px 0 0 0;
	width: 220px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_webstandard1{
	margin: 0 5px 0 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_webstandard {
	margin: 5px 0 5px 5px;
}

/* ===== Plugin Window Area ===== */

div#window_plugin {
	margin: 5px 0 0 0;
	width: 220px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_plugin1 {
	margin: 0 5px 0 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_plugin {
	margin: 5px 0 5px 5px;
}

/* ===== Recommend Area ===== */

#window_recommend {
	margin-top: 5px;
	width: 218px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_recommend1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 
p.txt_window_recommend1 {
	margin: 0 5px 10px 5px;
	color : #666;
	font-size: 75%;
} 
p#space_window_recommend {
	margin: 5px 0 5px 5px;
}

/* ===== Other Service Area ===== */

div#window_other_service {
	margin: 5px 0 0 0;
	width: 218px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

#window_other_service p#txt_window_other_service {
	margin: 0 5px 0 5px;
	color : #666;
	font-size: 75%;
} 

#window_other_service p.space_window_other_service {
	margin: 5px 0 5px 8px;
}

/* ===== Team -6 Area ===== */

div#window_team-6 {
	margin: 20px 0 0 0;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

p#txt_window_team-6_1 {
	margin: 0 5px 0 5px;
	color : #666;
	font-size: 75%;
} 

p#space_window_team-6 {
	margin: 5px 0 5px 5px;
}

/* ===== Footer Banner Area ===== */

#footer_banner {
	width: 770px;
	height:50px;
}
#footer_banner #banner_space1 {
	float: left;
	width: 132px;
	height: 43px;
}
#footer_banner #banner_space1 .img{
	margin-top: 10px;
	margin-left: 10px;
}
#footer_banner #banner_space2 {
	float: left;
	width: 530px;
	height: 43px;
}
#footer_banner #banner_space2 .txt{
	margin-top: 10px;
	color: #666;
	font-size: 65%;
	line-height: 140%;
}
#footer_banner #banner_space3 {
	float: right;
	width: 108px;
	height: 43px;
}
#footer_banner #banner_space3 .img{
	margin-top: 10px;
	margin-left: 10px;
}

#footer_banner #fnav {
	float: left;
	width: 662px;
	height: 43px;
	font-size:75%;
	line-height:43px;
}
#footer_banner #fnav p {
	padding-left:10px;
}


