/*
Theme Name: flip-logic
Theme URI: 
Description: フリップロジックのテーマ
Version: 1.6.1
Author: FlipLogic, inc.
Author URI: 
Tags: 
*/

* {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,meiryo,"メイリオ","平成角ゴシック","ＭＳ Ｐゴシック",Osaka,sans-serif;
	text-decoration: none;
	background-color: transparent;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center; /*for IE6*/
}

br {
	letter-spacing: 0pt;
}

img {
	border: 0px none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	font-size: 0.9em;
}

h1 {
	font-size: 0.9em; /*for IE6 TOPと他のページでcontentsのマージン高さが変わるため*/
}

/* Basic Anchor
---------------------------------------*/
a:link { 
	color: #666666;
	text-decoration: underline;
}

a:visited { 
	color: #666666;
	text-decoration: underline;
}

a:hover, 
a:active {
	color: #99CC33;
	text-decoration: underline;
}

/* Firefoxのための呪文
---------------------------------------*/
div:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
 
/* 共通
---------------------------------------*/
div#container {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
}

	h1 {
		font-size:10px;
		font-weight: normal;
		color: #DDDDDD;
		text-align: right;
		margin: 15px 0 5px 0;
	}

	div#contents {
		border: 1px solid #CCCCCC;
		width: 950px; /* for IE6 */
	}
	
	/*news&topics専用*/
	div.contents_newstopics {
		background: url(/wp-content/themes/flip-logic/images/img/img_newstopics.gif) no-repeat -46px bottom;
	}
		
		div#maincontents {
			width: 763px;
			float: right;
			border-left: 1px solid #CCCCCC;
		}
		
		/*news&topics専用*/
		div#maincontents_newstopics {
			width: 763px;
			float: right;
border-left:1px solid #CCCCCC;
		}
				
		/*リクルートページ専用*/
		div#maincontents_recruit {
			width: 763px;
			float: right;
		}
			/*リクルートページ専用*/
			div#contents_recruit {
				border: 1px solid #CCCCCC;
				width: 950px; /* for IE6 */
				background: url(/wp-content/themes/flip-logic/images/img/img_recruit01.gif) no-repeat left bottom;
			}
					
			p.maincopy {
				width: 100px;
				height: 540px;
				float: left;
				text-indent: -99999px;
			}

		
			div.maincontents_innerbox {
				width: 650px;
				display: block;
				float: right;
				padding: 0 0 150px 0;
				border-left: 1px solid #CCCCCC;
			}
			
/* サイドバー
---------------------------------------*/
div#sidebar {
	width: 187px;
	float: left;
	position: absolute;
}

.resellerbadge {text-align:center; width: 150px;margin: 20px auto;}
.resellerbadge p {text-align:left; width: 140px; font-size: 12px;}

/*リクルートページ専用*/
div.sidebar_recruit {
	border-right: 1px solid #CCCCCC;
	min-height: 1113px;
}
/*リクルートページ専用はここまで*/

/*newstopics専用*/
div.sidebar_newstopics {
/*	border-right: 1px solid #CCCCCC; */
	min-height: 572px;
}
/*newstopics専用はここまで*/

	div#sidebar_logo {
	}
	
	img.sidebar_title {
		margin: 0 0 0 20px;
	}

	div#sidebar_page ul li a {
		display: block;
		height: 18px;
		width: 144px;
		text-indent: -99999px;
		margin: 0 0 10px 0;
	}
	
		div#sidebar_page ul li#top a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_top_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#top_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_top_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#top a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_top_f2.gif) no-repeat 0 0;
			}

		div#sidebar_page ul li#message a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_message_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#message_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_message_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#message a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_message_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#service a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_service_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#service_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_service_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#service a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_service_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#works a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_works_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#works_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_works_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#works a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_works_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#contact a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_contact_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#contact_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_contact_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#contact a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_contact_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#company a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_company_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#company_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_company_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#company a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_company_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#recruit a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_recruit_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#recruit_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_recruit_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#recruit a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_recruit_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#staffsblog a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_staffsblog_f1.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#staffsblog_f2 a {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_staffsblog_f2.gif) no-repeat 0 0;
			}
			
		div#sidebar_page ul li#staffsblog a:hover {
				background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_staffsblog_f2.gif) no-repeat 0 0;
			}

		/*for blog*/
		div#sidebar_blog {
			margin: 40px 0 0 0;
		}
		
			div#sidebar_blog ul {
				margin: 10px 0 15px -27px;
			}
			
				div#sidebar_blog ul li {
					display: block;
					height: 18px;
					width: 185px;
					text-indent: 0px;
					margin: 0 0 5px 0;
					padding: 0 0 0 27px;
					font-size: 0.9em;
				}
				
					div#sidebar_blog ul li a {
						background: #FFFFFF url(/wp-content/themes/flip-logic/images/sidebar/sidebar_bg_line.gif) no-repeat 0 0;
						padding: 0 0 0 27px;
					}
					
					div#sidebar_blog ul li a:hover {
						color: #FFA900;
						text-decoration: none;
					}
					
	/*各ページのイメージ写真*/
	div#img_top {
		position: absolute;
		bottom: 0px;
		left: -313px;
	}
							
	div#img_message {
		position: absolute;
		top: 360px;
		left: 0px;
	}
	
		div#img_message ul li {
			position: relative;
		}
	
		div#img_message ul li#img_l {
			top: 0px;
			left: -11px;
		}
	
		div#img_message ul li#img_o {
			top: -15px;
			left: 100px;
		}
		
		div#img_message ul li#img_v {
			top: -15px;
			left: 130px;
		}
	
		div#img_message ul li#img_e {
			top: -80px;
			left: 230px;
		}
	
	div#img_service {
		position: absolute;
		top: 550px;
		left: -55px;
	}
	
	div#icon_service {
		position: absolute;
		top: 350px;
		left: 45px;
	}
	
	div#icon_skills {
		position: absolute;
		top: 420px;
		left: 95px;
	}
	
	div#img_works {
		position: absolute;
		top: 650px;
		left: -55px;
	}
	
	div#img_contact {
		position: absolute;
		top: 342px;
		*top: 292px; /*hack for IE6*/
		left: -110px
	}
	
	div#img_company01 {
		position: absolute;
		top: 620px;
		left: -125px;
		z-index: 10;
	}
	
	div#img_company02 {
		position: absolute;
		top: -20px;
		right: -805px;
	}

	div#img_recruit {
		position: absolute;
		top: 640px;
		left: 87px;
		z-index: 10;
	}
	
	div#img_blog {
		position: absolute;
		top: 0px;
		left: 757px;
		z-index: 10;
	}
	
	/*cssでのプリロード*/
	div#preloadedimages {
		   width: 0px;
		   height: 0px;
		   text-indent: -99999px;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_top_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_message_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_service_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_works_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_contact_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_company_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_recruit_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/sidebar/sidebar_blog_f2.gif) no-repeat 0 0;
		   background: url(/wp-content/themes/flip-logic/images/icon/icon_click_f2.gif) no-repeat scroll 0 0;
	}
							
/* フッター
---------------------------------------*/
div#footer {
}

	div#footer_menu {
		text-align: right;
		font-size: 0.7em;
		margin: 9px 0;
	}

	div#footer_bg {
		width: 950px;
		height: 21px;
		margin: 0 0 20px 0;
		background: url(/wp-content/themes/flip-logic/images/bg/bg_footer.gif) repeat-x 0 0;
	}
	
		div#footer div#copyright {
			text-align: right;
			color: #FFFFFF;
			margin: 0 10px 0 0;
			padding: 2px 0 0 0;
			font: normal 0.7em Arial,Helvetica,Verdana;
		}
		
			div#footer div#copyright a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
				div#footer div#copyright a:hover {
					color: #FFFFFF;
					text-decoration: underline;
				}
	
/* トップ
---------------------------------------*/
div#top {
	padding: 0;
	position: relative;
}

h1#top_page {
	background:url(/wp-content/themes/flip-logic/images/logo/logo_top.gif) no-repeat 0 0;
	position: static;
	float: right;
	height: 30px;
	width: 114px;
	text-indent: -99999px;
}

p#maincopy_top {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_top2.gif) no-repeat 17px 25px;
	height: 600px;
}

div#topimage {
	float: right;
	width: 650px;
	height: 170px;
}

div#logo_top {
	height:30px;
	width: 650px;
	float: right;
	margin: -10px 0 0 0;
	background: url(/wp-content/themes/flip-logic/images/bg/bg_logo_top.gif) repeat-x 0 0;
}

	div#logo_top img{
		float: right;
	}

div#topparagraph_box {
	border-bottom: 2px dotted #cccccc;
	font-size: 0.8em
}

	div#topparagraph_box p {
		margin: 25px 50px;
		line-height: 160%;
	}

	div#topparagraph_box p strong {
		font-weight: normal;
	}

div#whatsnew_box {
	font-size: 0.8em;
	margin: 22px 50px;
	width: 550px;
	min-height: 150px;
}

	div#whatsnew_box a {
		text-decoration: none;
	}

	div#newstopics_box {
		width: 260px;
		float: left;
	}
	
	div#staffsblog_box {
		width: 260px;
		float: right;
	}
	
		div.whatsnew_box_newstopicsheder {
			background: url(/wp-content/themes/flip-logic/images/title/h2_newstopics2.gif) no-repeat 0 0;
			width: 260px;
			height: 33px;
			margin: 0 0 6px -4px;
		}
		
		div.whatsnew_box_staffsblogheder {
			background: url(/wp-content/themes/flip-logic/images/title/h2_staffsblog2.gif) no-repeat 0 0;
			width: 260px;
			height: 33px;
			margin: 0 0 6px -4px;
		}
	
			div.whatsnew_morebox {
				float:right;
				margin: 5px 3px 0 0;
				font-size: 0.9em;
			}
		
			h2#newstopics {
				text-indent: -99999px;
				width: 1px;
				float: left;
			}
			
			h2#blognews {
				text-indent: -99999px;
				width: 1px;
				float: left;
			}
			
				div.whatsnew_datetitlebox {
					width: 250px;
					margin-bottom: 5px;
					padding-bottom: 3px;
					border-bottom: 2px dotted #FFA900;
				}

					div.whatsnew_date {
						width: 90px;
						float: left;
						display: block;
						height: 19px;
						padding: 0 0 0 25px;
						color: #FFA900;
						background: url(/wp-content/themes/flip-logic/images/icon/icon_glass_orange.gif) no-repeat 0 0;
					}
					
					div.whatsnew_title {
						float: right;
						width: 135px;
					}
					
						div.whatsnew_date p {
						}
						
						div.whatsnew_title h3 {
							font-size: 0.9em;
							font-weight: normal;
						}
						
							div.whatsnew_title h3 a {
							}
															
div#pickuppic_box {
	background: #FBC501;
	width: 650px; /*for IE6*/
}
															
	div#pickuppic_box_inner {
		margin: 0 57px;
		padding: 16px 0;
		width: 536px;
	}
			
		div#pickuppic_pic_bg {
			background: #FFFFFF;
			border: 1px solid #CCCCCC;
			width: 104px;
			height: 104px;
			float: right;
			margin: 0 0 0 15px;
		}
		
			img#pickuppic_pic {
				margin: 7px;
			}
		
		div#pickuppic_h2box {
			height: 52px;
			margin: 7px 0 0 0;
		}
		
			h2#pickuppic {
				float: right;
				display: block;
				width: 1px;
				width: 99px;
				height: 52px;
				text-indent: -99999px;
				background: url(/wp-content/themes/flip-logic/images/title/h2_pickuppic2.gif) no-repeat 0 0;
			}
		
			div#pickuppic_date {
				color: #FFFFFF;
				font-size: 0.75em;
				font-weight: bold;
				float: right;
				margin: 17px -44px 0 0;
				*margin: 17px -54px 0 0; /*hack for IE6*/
			}
		
		div#pickuppic_title {
			color: #000000;
			font-weight: bold;
			font-size: 0.95em;
			font-family: "細明朝体", "ヒラギノ明朝 Pro W3",  "ＭＳ Ｐ明朝";
			text-align: right;
			margin: 7px 0 0 0;
			height: 20px;
		}
		
		div#pickuppic_comment_box {
			color: #4E4E4E;
		}
					
			div#pickuppic_author {
				font-size: 0.8em;
				float: right;
			}
			
			div#pickuppic_comment {
				text-align: right;
				float: right;
				width: 270px;
			}
	
/* メッセージ
---------------------------------------*/
p#maincopy_message {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_message.gif) no-repeat 17px 25px;
}

p.copy_message {
	background: url(/wp-content/themes/flip-logic/images/copy/copy_message00.gif) no-repeat 100% 100%;
	text-indent: -99999px;
	margin:25px 0 0 63px;
	display: block;
	width: 521px;
	height: 38px;
}

div.message_box {
	width: 525px;
	margin: 30px 0 0 63px;
}

	div.message_box h2 {
		display: block;
		width: 525px;
		height: 34px;
		text-indent: -99999px;
		margin: 0 0 0 -4px;
	}
	
		h2#message01 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_message01.gif) no-repeat 0 0;
		}
		
		h2#message02 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_message02.gif) no-repeat 0 0;
		}

		h2#message03 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_message03.gif) no-repeat 0 0;
		}		
	
		div.subcopy_message {
			display: block;
			height: 19px;
			width: 525px;
			padding: 2px 0 0 23px;
			margin: 5px 0 8px 0;
			background: url(/wp-content/themes/flip-logic/images/icon/icon_glass_orange.gif) no-repeat 0 0;
		}
		
			div.subcopy_message p {
				display: block;
				width: 500px;
				height: 17px;
				text-indent: -99999px;
			}
			
				div.subcopy_message p.subcopy_message01 {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_message01.gif) no-repeat 0 0;
				}

				div.subcopy_message p.subcopy_message02 {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_message02.gif) no-repeat 0 0;
				}

				div.subcopy_message p.subcopy_message03 {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_message03.gif) no-repeat 0 0;
				}
	
		div.message_innerbox {
			background: url(/wp-content/themes/flip-logic/images/icon/icon_glass_range.gif) no-repeat 0 0;
			display: block;
			width: 525px;
		}

			div.message_innerbox p {
				float: left;
				width: 400px;
				line-height: 180%;
				margin: 0 0 0 3px;
			}

			div.message_innerbox div.message_illust {
				float: right;
			}

/* サービス
---------------------------------------*/
p#maincopy_service {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_service.gif) no-repeat 17px 25px;
	height: 570px;
}

div.service_copybox {
	width: 525px;
	margin: 30px 0 0 63px;
	line-height: 180%;
}

div.service_box {
	width: 525px;
	margin: 0 0 0 63px;
}
	
	div.service_box h2 {
		display: block;
		width: 213px;
		height: 36px;
		text-indent: -99999px;
		margin: 20px 0 0 0;
	}
	
		h2#service_service {
			background: url(/wp-content/themes/flip-logic/images/title/h2_service.gif) no-repeat 0 0;
		}
		
		h2#service_skills {
			background: url(/wp-content/themes/flip-logic/images/title/h2_skills.gif) no-repeat 0 0;
		}

	div.service_innerbox {
		margin: 16px 0 0 0;
		width: 580px;
	}
	
		div.service_innerbox_service {
			float: left;
			margin: 0 35px 0 0;
		}
		
			div.service_innerbox_service p {
				display: block;
				width: 150px;
				height: 140px;
				text-indent: -99999px;
			}
			
				div.service_innerbox_service p#copy_service_web {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_service_web.gif) no-repeat 0 0;
				}
	
				div.service_innerbox_service p#copy_service_system {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_service_system.gif) no-repeat 0 0;
				}
	
				div.service_innerbox_service p#copy_service_contents {
					background: url(/wp-content/themes/flip-logic/images/copy/copy_service_contents.gif) no-repeat 0 0;
				}
				
			div.service_innerbox_service h3 {
				display: block;
				width: 150px;
				height: 65px;
				text-indent: -99999px;
				margin: -32px 0 0 0;
			}
			
				div.service_innerbox_service h3#title_service_web {
					background: url(/wp-content/themes/flip-logic/images/title/h3_service_web.gif) no-repeat 0 0;
				}
				
				div.service_innerbox_service h3#title_service_system {
					background: url(/wp-content/themes/flip-logic/images/title/h3_service_system.gif) no-repeat 0 0;
				}
	
				div.service_innerbox_service h3#title_service_contents {
					background: url(/wp-content/themes/flip-logic/images/title/h3_service_contents.gif) no-repeat 0 0;
				}
	
			div.service_listbox_top {
				display: block;
				width: 150px;
				margin: -13px 0 20px 0;
				padding: 20px 0 0 0;
				background: url(/wp-content/themes/flip-logic/images/bg/bg_service_orange_top.gif) no-repeat 0 0;
			}
			
				div.service_listbox_bottom {
					display: block;
					padding: 0 0 10px 0;
					background: url(/wp-content/themes/flip-logic/images/bg/bg_service_orange_bottom.gif) no-repeat 0 100%;
				}
			
					div.service_listbox_middle {
						display: block;
						height: 400px;
						*height: 470px; /*hack for IE6*/
						padding: 0 13px;
						background: url(/wp-content/themes/flip-logic/images/bg/bg_service_orange_middle.gif) repeat-y 0 0;
					}
					
						div.service_listbox_middle ul li {
							font-size: 0.75em;
							color: #FFFFFF;
							margin: 0 0 10px 0;
						}
						
							div.service_listbox_middle ul li a {
								color: #FFFFFF;
								text-decoration: none;
							}
							
							div.service_listbox_middle ul li a:hover {
								color: #FFFFFF;
								text-decoration: underline;
							}
			
		div.service_innerbox_skills {
			text-indent: -99999px;
			clear: both;
		}
		
			div.service_innerbox_skills h3 {
				display: block;
				display: block;
				height: 105px;
				width: 105px;
				float: left;
			}
			
				h3#title_lang {
					background: url(/wp-content/themes/flip-logic/images/title/h3_skills_lang.gif) no-repeat 0 0;
				}
				
				h3#title_database {
					background: url(/wp-content/themes/flip-logic/images/title/h3_skills_database.gif) no-repeat 0 0;
				}
				
				h3#title_os {
					background: url(/wp-content/themes/flip-logic/images/title/h3_skills_os.gif) no-repeat 0 0;
				}
		
			div.service_innerbox_skills ul li{
				display: block;
				height: 105px;
				width: 105px;
				float: left;
			}
			
				li#icon_c {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_c.gif) no-repeat 0 0;
				}
				
				li#icon_csharp {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_csharp.gif) no-repeat 0 0;
				}
				
				li#icon_java {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_java.gif) no-repeat 0 0;
				}

				li#icon_vb {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_vb.gif) no-repeat 0 0;
				}

				li#icon_js {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_js.gif) no-repeat 0 0;
				}

				li#icon_php {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_php.gif) no-repeat 0 0;
				}

				li#icon_oracle {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_oracle.gif) no-repeat 0 0;
				}

				li#icon_sqlserver {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_sqlserver.gif) no-repeat 0 0;
				}

				li#icon_mysql {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_mysql.gif) no-repeat 0 0;
				}

				li#icon_windows {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_windows.gif) no-repeat 0 0;
				}

				li#icon_macos {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_macos.gif) no-repeat 0 0;
				}

				li#icon_linux {
				background: url(/wp-content/themes/flip-logic/images/icon/icon_skills_linux.gif) no-repeat 0 0;
				}
				
	div.service_otherbox {
		margin: 30px 0 0 5px;
	}
	
		div.service_otherbox ul {
			font-size: 0.8em;
		}

		div.service_otherbox ul, div.service_otherbox li {
			float: left;
			margin: 0;
		}
		
		div.service_otherbox h3 {
			font-size: 0.8em;
			margin: 0;
			clear: both;
		}
		
		div.service_otherbox ul {
			width: 525px;
			list-style-type: none;
			padding: 0;
		}
		
		div.service_otherbox li {
			margin-right: 5px;
		}
				
/* ワークス
---------------------------------------*/
div#works {
	min-height: 830px;
}

p#maincopy_works {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_works.gif) no-repeat 17px 25px;
	height: 570px;
}

div.works_box {
	width: 525px;
	margin: 35px 0 0 63px;
}

	div.works_box h2 {
		display: block;
		width: 114px;
		height: 36px;
		text-indent: -99999px;
		background: url(/wp-content/themes/flip-logic/images/title/h2_works.gif) no-repeat 0 0;
	}
	
	div.works_box h3 {
		display: block;
		width: 51px;
		height: 51px;
		text-indent: -99999px;
		position: relative;
		top: -43px;
		left: 123px;
	}
	
		h3#works_web {
			background: url(/wp-content/themes/flip-logic/images/title/h3_works_web.gif) no-repeat 0 0;
		}
		
		h3#works_system {
			background: url(/wp-content/themes/flip-logic/images/title/h3_works_system.gif) no-repeat 0 0;
		}
	
	div.works_nav {
		font-size: 0.8em;
		color: #FFA900;
		display: block;
		height:39px;
		float: right;
		margin: 15px 15px 0 0;
		padding: 12px 0 0 41px;
	}
	
		div#works_nav_web a {
		}
		
		div#works_nav_system a {
		}

		div#works_nav_web {
			background: url(/wp-content/themes/flip-logic/images/icon/icon_works_web_s.gif) no-repeat 0 0;
		}
		
		div#works_nav_system {
			background: url(/wp-content/themes/flip-logic/images/icon/icon_works_system_s.gif) no-repeat 0 0;
		}
	
	div.works_innerbox_works {
		font-size: 0.75em;
		line-height: 170%;
		width: 580px;
		margin: -25px 0 0 0;
	}
	
		div.innerbox_line {
			margin: 0 auto 25px;
			width: 580px;
		}
	
			li.works_innerbox_list {
				display: block;
				width: 150px;
				float: left;
				margin: 0 32px 15px 0;
			}
			
			div.works_pictbox {
				display: block;
				width: 150px;
				height: 120px;
				margin: 0 0 5px 0;
			}
			
				div.works_pictbox a:active {
					position: relative;
					top: 1px;
					left: 1px;
				}
			
			div.works_datebox {
				border-bottom: 1px solid #AAAAAA;
				width: 150px;
			}
			
			div.works_customernamebox {
				border-bottom: 1px solid #AAAAAA;
				width: 150px;
			}
			
			div.works_contentsbox {
				border-bottom: 1px solid #AAAAAA;
				width: 150px;
			}
			
				div.works_contentsbox ul {
					list-style: square outside;
					margin: 5px 0 5px 20px;
					font-size: 0.9em;
				}
				
	ul.works_systembox {
		margin: -30px 0 0 0;
	}
	
		li.works_system_list {
			margin: 0 0 22px 0;
		}
		
			div.works_innerbox_title {
				font-size: 0.9em;
				color: #FFFFFF;
				display: block;
				width: 520px;
				height: 22px;
				background: url(/wp-content/themes/flip-logic/images/bg/bg_works_box_top.gif) no-repeat 0 0;
			}
			
				div.works_innerbox_title_date {
					float: left;
					width: 65px;
					margin: 3px 0 0 15px;
				}
				
				div.works_innerbox_title_customername {
					width: 400px;
					padding: 3px 0 0 0;
				}
				
			div.works_innerbox_contents_bottom {
				margin: -4px 0 0 0; /*for IE6*/
				display: block;
				width: 520px;
				background: url(/wp-content/themes/flip-logic/images/bg/bg_works_box_bottom.gif) no-repeat 0 100%;
			}
			
				div.works_innerbox_contents_middle {
					background: url(/wp-content/themes/flip-logic/images/bg/bg_works_box_middle.gif) repeat-y 0 0;
					margin: 0 0 7px 0;
					padding: 11px 15px 0 15px;
				}
				
					div.works_innerbox_contents_middle ul li {
						font-size: 0.9em;
						margin: 0 0 2px 15px;
						list-style: disc outside;
					}
					
/* ウェブ
---------------------------------------*/
div#web {
	min-height: 830px;
}

/* システム
---------------------------------------*/
div#system {
	min-height: 830px;
}

/* コンタクト
---------------------------------------*/
div#contact {
	height: 770px;
}

p#maincopy_contact {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_contact.gif) no-repeat 17px 25px;
	height: 800px;
}

h2#contact_top {
	background: url(/wp-content/themes/flip-logic/images/title/h2_contacttop.gif) no-repeat 0 0;
	text-indent: -99999px;
	margin:25px 0 0 63px;
	display: block;
	width: 527px;
	height: 228px;
}

div.contact_box {
	width: 555px;
	margin: 37px 0 0 63px;
	position: absolute;
}

	div.contact_box table {
		margin: 0 0 20px 6px;
		color: #000000;
	}
	
		div.contact_box tr {
		}
		
			td.input_title {
				display: block;
				width: 116px;
				height: 21px;
				padding: 0 8px 0 0;
				text-indent: -99999px;
			}
		
				td#name {
					background: url(/wp-content/themes/flip-logic/images/icon/icon_name.gif) no-repeat 0 0;
				}
		
				td#mailaddress {
					background: url(/wp-content/themes/flip-logic/images/icon/icon_mailaddress.gif) no-repeat 0 0;
				}
		
				td#inquirycontents {
					background: url(/wp-content/themes/flip-logic/images/icon/icon_inquirycontents.gif) no-repeat 0 0;
				}
				
				td#inquirytext {
					background: url(/wp-content/themes/flip-logic/images/icon/icon_inquirytext.gif) no-repeat 0 0;
				}
		
			td.input_box {
			}
		
				td#name_box {
					padding: 0 0 10px 0;
				}
		
				td#inquirycontents_box, 
				td#mailaddress_box {
					padding: 0 0 10px 0;
				}
		
				td#inquirycontents_box input {
					width: 15px;
					border: none;
					color: #4F4F4F;
				}
				
				td#inquirytext_box textarea {
					width: 388px;
					border: 1px solid #999999;
				}
				
				td#submit_button input {
					border: none;
					display: block;
					height: 93px;
					width: 93px;
					margin: 12px 0 0 0;
					text-indent: -99999px;
					background: url(/wp-content/themes/flip-logic/images/icon/icon_submit.gif) no-repeat 0 0;
				}
				
					td#submit_button input:active {
						position: relative;
						top: 1px;
						left: 1px;
					}
		
		
					td.input_box input {
						width: 388px;
						height: 19px;
						border: 1px solid #999999;
					}
					
						td.input_box span.wpcf7-list-item {
							display: block;
							/* margin: 0 0 5px 0; */
						}
					
							td.input_box span.wpcf7-list-item-label {
								position: relative;
								top: -4px;
								font-size: 0.9em;
							}
							
							td.input_box span.wpcf7-not-valid-tip-no-ajax {
								color: red;
							}
							
	div.wpcf7-response-output {
		margin: -30px 0 0 130px;
		color: red;
		font-size: 10pt;
	}
	

div.wpcf7-mail-sent-ok {
border: none;
}

/* カンパニー
---------------------------------------*/
div#company {
	min-height: 1100px;
}

p#maincopy_company {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_company.gif) no-repeat 17px 25px;
}

div.company_box {
	width: 525px;
	margin: 15px 0 0 63px;
}

	div.company_box h2 {
		display: block;
		width: 525px;
		height: 34px;
		text-indent: -99999px;
		margin: 0 0 0 -4px;
	}
	
		h2#company01 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_company01.gif) no-repeat 0 0;
		}
		
		h2#company02 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_company02.gif) no-repeat 0 0;
		}

		h2#company03 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_company03.gif) no-repeat 0 0;
		}		
		
		h2#company04 {
			background: url(/wp-content/themes/flip-logic/images/title/h2_company04.gif) no-repeat 0 0;
		}		
		
		div.company_innerbox {
			display: block;
			width: 525px;
		}

			div.company_innerbox p {
				line-height: 180%;
				margin: 0 3px 0 3px;
			}
			
				div.company_innerbox p img {
					float: left;
					width: 153px;
					height: 42px;
					margin: 5px 15px 0px 0;
				}
				
				div.company_innerbox p img#spacer {
					float: right;
					width: 65px;
					height: 80px;
				}
			
			div.company_innerbox ol {
				list-style-position: outside;
				margin: 0 0 0 26px;
			}
			
				div.company_innerbox ol li {
					font-size: 0.9em;
					margin: 0 0 5px 0;
				}
			
			div.company_innerbox table {
				font-size: 0.9em;
				/*border-spacing: 0 5px;*/
				margin: 0 0 0 3PX;
			}
			
				div.company_innerbox td.prof_title {
					white-space: nowrap;
					vertical-align: top;
				}

/* リクルート
---------------------------------------*/
div#recruit {
	min-height: 750px;
}

p#maincopy_recruit {
	background: url(/wp-content/themes/flip-logic/images/copy/maincopy_recruit.gif) no-repeat 17px 25px;
	height: 710px;
}

div.recruit_box {
	width: 525px;
	margin: 30px 0 0 63px;
	min-height: 650px;
}

	div.recruit_box p {
		line-height: 180%;
	}
	
	div.recruit_pictbox {
		margin: 30px 0;
		width: 560px;
	}
	
		div.recruit_pictbox img {
			float: left;
			margin: 0 34px 0 0;
		}

	div#recruit_applicationhandbook_box {
		clear: both;
		margin: 0 0 30px 0;
	}
	
	div#recruit_clik a {
		text-indent: -99999px;
		display: block;
		width: 522px;
		height: 94px;
		background: url(/wp-content/themes/flip-logic/images/icon/icon_click_f1.gif) no-repeat 0 0;
	}
	
	div#recruit_clik a:hover {
		background: url(/wp-content/themes/flip-logic/images/icon/icon_click_f2.gif) no-repeat 0 0;
	}
	
	div#recruit_clik a:active {
		position: relative;
		top: 1px;
		left: 1px;
	}
	
		h2#recruit_applicationhandbook {
			display: block;
			width: 522px;
			height: 35px;
			text-indent: -99999px;
			margin: 0 0 0 0;
			background: url(/wp-content/themes/flip-logic/images/title/h2_applicationhandbook.gif) no-repeat 0 0;
		}
		
			div#recruit_applicationhandbook_innerbox_bottom {
				background: url(/wp-content/themes/flip-logic/images/bg/bg_applicationhandbook_bottom.gif) no-repeat 0 100%;
				margin: -5px 0 0 0; /*for IE6*/
			}
			
				div#recruit_applicationhandbook_innerbox_middle {
					background: url(/wp-content/themes/flip-logic/images/bg/bg_applicationhandbook_middle.gif) repeat-y 0 0;
					padding: 7px 25px 15px 25px;
				}
				
					div.deatail_box {
						margin: 0 0 15px 0;
					}
					
						div.deatail_box h3 {
							font-size: 0.9em;
						}
						
						div.deatail_box ul {
							list-style: disc outside;
							margin: 0 0 0 16px;
						}
						
						div.deatail_box ul li {
							font-size: 0.8em;
							margin: 0 0 3px 0;
						}
						
						div.deatail_box p {
							line-height: 150%;
						}
						
				
	div#recruit_clik a:active {
		position: relative;
		top: 1px;
		left: 1px;
	}
	
/* ブログ
---------------------------------------*/
div#maincontents_blogbox {
	float: right;
	width: 695px;
	padding: 0 0 50px 0;
	background:url(/wp-content/themes/flip-logic/images/bg/bg_blog_header.gif) no-repeat 0 0;
}

	div#blogbox_header {
		/*margin: 30px 0 25px -10px;*/
		margin: 0 0 50px 0;
	}
	
		h2#blog_title {
			margin: 53px 0 0 21px;
			display: block;
		}
		
		p.copy_blog_title {
			margin: 27px 0 0 110px;
			color: #000000;		
		}
				
	div#blogbox_contents {
		min-height: 550px;
	}
		div.blogbox_entry {
			margin: 0 0 50px 12px;
		}
			div.entry_date {
				width: 620px;
				color: #FFA900;
				margin: 0 0 3px 0;
			}
			
			div.entry_title {
				border-top: 2px dotted #CCCCCC;
				border-bottom: 2px dotted #CCCCCC;
				width: 620px;
			}
			
			div.entry_title h3 {
				width: 595px;
				font: bold 1em "細明朝体", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝";
				display: block;
				line-height: 180%;
				padding: 0 0 0 25px;
				background: url(/wp-content/themes/flip-logic/images/icon/icon_glass_orange.gif) no-repeat 0 3px;
			}
		
			div.entry_contents {
				width: 620px;
				line-height: 160%;
				margin: 15px 0 15px 0;
				word-break: break-all;
			}

			div.entry_contents ul,
			div.entry_contents ol {
				font-size: 0.9em;
				margin: 10px 0 10px 30px;
			}

			div.entry_contents ul {
				list-style-type: square;
			}

			div.entry_contents p {
				margin: 0 0 18px 0;
			}

			div.entry_contents blockquote {
				margin: 20px 0 20px 30px;
				padding: 10px;
				font-style: italic;
				border-top: 1px solid #cccccc;
				border-bottom: 1px solid #cccccc;
			}

div.entry_contents blockquote p {
margin-bottom: 0;
}
			
			div.entry_commentbox {
				width: 620px;
				font-size: 0.8em;
				line-height: 180%;
				border-top: 2px dotted #CCCCCC;
				border-bottom: 2px dotted #CCCCCC;
				text-align: right;
			}

div.blog_nav {
	width: 620px;
	font-size: 0.8em;
	margin: 10px 0 0 0;
}

	div.blog_nav_next {
	}
	
	div.blog_nav_back {
		float: right;
	}
	
div.entry_commentsform {
	margin: 20px 0 20px 0;
	width: 620px;
}

	div.entry_commentsform h3#comments{
		font-size: 1em;
	}
	
	div.entry_commentsform h3#pings{
		font-size: 1em;
	}
	
	div.commentlist {
		margin: 5px 0 20px 0;
	}
	
	div.pinglist {
		margin: 5px 0 20px 0;
	}
	
		div.comment_listinnerbox {
			margin: 0 0 20px 0;
		}
		
			div.comment_excerpt {
				font-size: 0.8em;
			}
		
			div.comment_authorbox {
				margin: 25px 0 0 0;
				font-size: 0.8em;
				text-align: right;
			}
			
				div.comment_date {
					font-seize: 0.7em;
				}
			
				div.comment_author {
				}
				
					div.comment_author span {
						font-size: 0.7em;
					}
	
	div#respond h3 {
		font-size: 0.8em;
	}	
	
	div#respond form#commentform p {
		margin: 5px 0 15px 0;
	}
	
	div#respond form#commentform input#author {
		border: 1px solid #999999;
		width: 190px;
	}
	
	div#respond form#commentform input#email {
		border: 1px solid #999999;
		width: 190px;
	}
	
	div#respond form#commentform textarea#comment {
		width: 350px;
		height: 150px;
		border: 1px solid #999999;
	}
	
	div#respond form#commentform input#submit {
		border: 1px solid #999999;
	}
	
	div#respond form#commentform input#submit:active {
		position: relative;
		top: 1px;
		left: 1px;
	}
	
	div.trackback_url input#trackbackurl {
		border: 1px solid #999999;
		width: 400px;
	}
	
	div.serchresult_box {
		width: 620px;
		margin: 50px 0 0 12px;
	}
	
	div.serchresult_box h2 {
		font-size: 1em;
	}
	
	div.serchresult_innerbox {
		margin: 15px 0 25px 0;
	}
	
	div.serchform_box {
		margin: 10px 0 0 0;
	}
	
		div.serchform_box p {
			float: left;
			margin: 0 0 0 0;
		}
		
			div.serchform_box p.box {
				width: 106px;
			}
			
			div.serchform_box p.button {
				width: 34px;
			}
	
		input#s {
			width: 90px;
			height: 18px;
			margin: 0 0 0 10px;
			border: 1px solid #999999;
		}
		
		input#searchsubmit {
			border: 1px solid #999999;
			height: 21px;
		}
		
		input#searchsubmit:active {
			position: relative;
			top: 1px;
			left: 1px;
		}
		
/* ニュース＆トピックス
---------------------------------------*/
div#newstopicsbox {
	min-height: 600px;
}

	div.newstopics_blogbox {
		margin: 30px 0 0 63px;
	}
		div.newstopics_blogbox h2 {
		}
		
	div.whatsnew_innerbox_top {
		background: url(/wp-content/themes/flip-logic/images/bg/bg_whatsnew_box_top.gif) no-repeat 0 0;
		padding: 10px 0 15px 0;
		margin: 0 0 10px 0;
	}
	
			div.whatsnew_innerbox_bottom {
				background: url(/wp-content/themes/flip-logic/images/bg/bg_whatsnew_box_bottom.gif) no-repeat 0 100%;
				padding: 0 0 10px 0;
			}

				div.whatsnew_innerbox_middle {
					background: url(/wp-content/themes/flip-logic/images/bg/bg_whatsnew_box_middle.gif) repeat-y 0 0;
					padding: 0 15px;
					width:495px;
				}
				/*以下_blogをつける*/
				div.whatsnew_datetitlebox_blog {
					width: 495px;
					margin-bottom: 3px;
				}

					div.whatsnew_date_blog {
						float: left;
						display: block;
						height: 19px;
						padding: 0 0 0 25px;
						margin: 0 10px 0 0;
						background: url(/wp-content/themes/flip-logic/images/icon/icon_glass_gray.gif) no-repeat 0 0;
					}
					
					div.whatsnew_title_blog {
					}
					
						div.whatsnew_date_blog p {
							font-size: 1em;
						}
						
						div.whatsnew_title_blog h3 {
							font-size: 0.9em;
							font-weight: normal;
						}
						
							div.whatsnew_title_blog h3 a {
								text-decoration: underline;
							}
							
					div.whatsnew_contents_blog {
						margin: 10px 0 10px 0;
					}

					div.whatsnew_contents_blog p {
						margin: 0 0 15px 0;
					}

/* サイトマップ
---------------------------------------*/
div#sitemap {
	min-height: 600px;
}

	div.sitemap_box {
		margin: 30px 0 0 63px;
		font-size: 0.8em;
	}
		div.sitemap_box h2 {
			display: block;
			width: 266px;
			height: 46px;
			text-indent: -99999px;
			background:url(/wp-content/themes/flip-logic/images/title/h2_sitemap.gif) no-repeat 0 0;
			margin: 0 0 10px 0;
		}
		
		div.sitemap_box ul {
			list-style: disc inside;
			margin: 0 0 0 15px;
		}

			div.sitemap_box ul li ul {
				margin: 0 0 0 35px;
			}

			div.sitemap_box ul li {
				margin: 0 0 3px 0;
			}

/* プライバシーポリシー
---------------------------------------*/
div#policy {
	min-height: 600px;
}

	div.policy_box {
		margin: 30px 63px 0 63px;
	}
		div.policy_box h2 {
			display: block;
			width: 411px;
			height: 45px;
			text-indent: -99999px;
			background:url(/wp-content/themes/flip-logic/images/title/h2_policy.gif) no-repeat 0 0;
			margin: 0 0 20px 0;
		}
		
		div.policy_box h3 {
			font-size: 0.9em;
			margin: 20px 0 3px 0;
		}
		
		div.policy_box p {
			font-size: 0.8em;
			margin: 10px 0 10px 0;
		}
		
		div.policy_box ol {
			list-style-position: outside;
			margin: 10px 0 10px 30px;
		}

			div.policy_box ol li {
				margin: 0 0 3px 0;
				font-size: 0.8em;
			}

/* 404ページ
---------------------------------------*/
div#maincontents_notfoundbox {
	height: 400px;
	text-align: center;
	margin: 120px 0 0 0;
}
	h2.notfoundcomment {
		margin: 0 0 20px 0;
		font-size: 1em;
	
	}

	div#maincontents_notfoundbox p {
		margin: 0 0 20px 0;
	}
	
	div#maincontents_notfoundbox ul {
		font-size: 0.9em;
	}

/* thankyou
---------------------------------------*/
div#thankyou_box { margin: 0 20px 0 20px; }
div#thankyou_box p { margin: 20px 0 0 0; }